我希望能够通过d3js库用铅笔选择散点图中的数据。
我发现了下面的示例-- --但是有可能只使用矩形进行刷。
来源:
我可以看到用于刷牙的API:
// Add brushing
svg
.call( d3.brush() // Add the brush feature using the d3.brush function
.extent( [ [0,0], [width,height] ] ) // initialise the brush area: start at 0,0 and finishes at width,hei
我使用这个例子和ReactJS一起绘制一个可折叠的树形图。例如- 。我所面临的问题是,我的子节点是在节点单击时从API端点获取的,而不是一次性的,因为这可能会降低页面的性能。我在示例中提到了在我的状态中提到的treeData,在从API获取数据之后,我更新状态,但是如何更新正在单击的子节点并显示所获取的数据。在这个例子中,由于所有数据都已经存在,下面的方法非常好地工作。
function click(d) {
// API call here and after fetching the data continue with the below code. The problem he
我正在尝试在d3.js上开发一个时间表。正如您将在下图中看到的,我不能将三角形定位在与y轴值相同的方向上。里程碑位于相关y轴组件的中间。
yaxis初始化代码片段:
var x = d3.time.scale().rangeRound([0, self.config.width]);
var y = d3.scale.ordinal().rangeRoundBands([self.config.height, 0]);
var xAxis = d3.svg.axis().scale(x).orient("bottom").tickSubdivide(4
我正在使用d3.js中的饼图。我希望有几个图表在同一时间工作,并能够选择一个或另一个由他们的类。这个想法是有一个主图表,通过点击不同的区域,新的图表应该出现显示子类别。下面这段代码让我很头疼:
// myPie has been deffined previously as --> var myPie = d3.layout.pie();
// dataPie is an array such as --> [2,3,1,2]
// level2 is just an array of arrays containing the su
我是d3的新手,所以很抱歉这个问题有一个显而易见的答案。我正在尝试创建一个输入为json文件的简单路径,如下所示
var data = [{"date":"2012-10-22","debit":"150.00"},
{"date":"2012-10-29","debit":"1650.00"}, .....
然后我试着做一个刻度
var x = d3.time.scale()
.domain(d
当我尝试呈现饼图时,我仍然什么也得不到。我正在使用geojson对象在点击时呈现他们的信息,我还想在这些信息下面放一个饼状图: ? 但我使用的不是饼图: object Object 下面是我的代码: kmlpoly.addEventListener("click", function(evt) {
// Read in the Content property once the user clicks on the feature
var contents = "<h1> Fiche détaillé </h1>&
我遇到了一个我似乎不能理解的问题,为什么要这样定义tick函数;
function tick () { /* do something */ }
它在这种模式下工作得很好
var tick = function () { /* do something */ }
不起作用。问题出在哪里?
第一个的工作示例
第二个的工作示例
我正在尝试使用d3.js来呈现一个树映射,它根据大多数静态数据中的更改(很少值更改)周期性地获取数据和动画/转换。我正在使用示例。
所以我有这样的想法:
var w = 960,
h = 500,
color = d3.scale.category20c();
var treemap = d3.layout.treemap()
.size([w, h])
//.sticky(true)
.value(function(d) { return d.size; });
var div = d3.select("#chart").append("div")
.st