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)
何か案は?