人力车范围滑块 - 默认放大

Rickshaw RangeSlider - Zoom in by default

本文关键字：默认 放大 范围 人力车      更新时间：2023-09-26

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

有什么想法吗？

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

多次调用 xively.feed.history（）

相关文章：