d3js带有画笔滑块的条形图

时间:2016-07-18 18:08:02

标签: javascript d3.js

通过查看以下示例http://bl.ocks.org/mbostock/4349545,我尝试用条形图替换圆圈,代表每天的事件,以获取数年的数据。 数据是格式

 {"15/01/2015: 214","22/03/2016: 30",..}

有人可以指出我正确的方向吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以通过使用新设置交换数据来获取条形图:

pos (" "=i$)

解析日期,将x轴更改为日期时间,然后在此处将 circle 的类型更改为Rect(具有新属性等):

var data = [{ "date" : "15/01/2015", "value" : 214}
        ,{ "date" : "22/03/2016", "value" : 30}]

但是,在你带来 brushg 的例子中,对所有Rect类型的元素使用selectAll,因此它将与新方法发生冲突。