人力车RangeSlider - 默认放大

时间:2013-10-23 08:15:37

标签: javascript d3.js rickshaw

我正在查看一个简单的人力车图表,其中包含来自JSON文件的数据。

d3.json(data, function(error, json) {

var graph = new Rickshaw.Graph( {
                element: document.getElementById(chart_id),
                renderer: 'line',
                series: [
                         {name: 'myseries',
                          data: json[0].data}
                          ]
                })
graph.render();
});

我希望在呈现后访问graph。由于图形是在回调函数中创建的,因此我不能简单地返回句柄。此外document.getElementById(chart_id)没有图表属性。

我的目标是,例如,允许用户同时为多个图表指定特定范围(例如,过去5年),而无需为每个图表调整RangeSlider。随后可以访问图表

new_rng = [new_min,new_max]
graph.window.xMin = new_rng[0]
graph.window.xMax = new_rng[1]
$('#' + slider_id).slider('option', 'values',new_rng)

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

我认为这与我在xively feed中遇到的问题类似,在渲染图形时不会返回数据。这是我的帖子。

Multiple calls to xively.feed.history()