javascript - Rickshaw RangeSlider - 默认放大

Question

我正在查看一个简单的人力车图表，其中包含来自 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)

有什么想法吗？

Answer 1

我认为这与我在 xively feed 中遇到的问题类似，其中在呈现图形时不返回数据。这是我的帖子。

Multiple calls to xively.feed.history()