Javascript 用于鼠标悬停的dygraphs.js自定义数据
给定x轴和y轴上的数值,我希望能够传入字符串数组,以便在x轴的valueformatter中使用。如中所示,对于图形上的给定点,在我可以显示的数组中会有一个对应的字符串,我只需使用row参数从数组中获取一个字符串。(我会在构建图表之前对它们进行排序)。这在不修改动态图本身的情况下是可能的吗?其中之一是行索引。因此,您可以使用Javascript 用于鼠标悬停的dygraphs.js自定义数据,javascript,dygraphs,Javascript,Dygraphs,给定x轴和y轴上的数值,我希望能够传入字符串数组,以便在x轴的valueformatter中使用。如中所示,对于图形上的给定点,在我可以显示的数组中会有一个对应的字符串,我只需使用row参数从数组中获取一个字符串。(我会在构建图表之前对它们进行排序)。这在不修改动态图本身的情况下是可能的吗?其中之一是行索引。因此,您可以使用valueFormatter回调来执行此操作: vals = [ 'Foo', 'Bar', 'Baz', 'Quux' ]; new Dygraph(
valueFormatter
回调来执行此操作:
vals = [
'Foo',
'Bar',
'Baz',
'Quux'
];
new Dygraph(
document.getElementById("graph"),
"X,Y,Z\n" +
"1,0,3\n" +
"2,2,6\n" +
"3,4,8\n" +
"4,6,9\n",
{
axes: {
x: {
valueFormatter: function(v, opts, seriesName, dygraph, row, col) {
return vals[row];
}
}
}
});
请参阅。其中一个是行索引。因此,您可以使用valueFormatter
回调来执行此操作:
vals = [
'Foo',
'Bar',
'Baz',
'Quux'
];
new Dygraph(
document.getElementById("graph"),
"X,Y,Z\n" +
"1,0,3\n" +
"2,2,6\n" +
"3,4,8\n" +
"4,6,9\n",
{
axes: {
x: {
valueFormatter: function(v, opts, seriesName, dygraph, row, col) {
return vals[row];
}
}
}
});
看