如何使用加载到 discreteBarChart nvd3.js 中“基准”的数据自定义工具提示的工具提示内容?例如,使用以下数据 Jason,我想在工具提示中查看 data3、data4、Data5
JsonData = [
{
key: "Serie1",
values: [
{'Data1': 1,
'Data2': 2,
'Data3': 3,
'Data4': 4,
'Data5': 5
}
]
}
];
最佳答案
这是怎么做的:
nv.addGraph(function() {
var chart = nv.models.discreteBarChart()
.x(function(d) { return d.Data1 })
.y(function(d) { return d.Data2 })
.tooltips(true)
.tooltipContent(function(key, y, e, graph) {
var data =graph.series.values[y-1];
return '<p> Text1: ' + data.Data3 + '</p>'
+ '<p> Text2: ' + data.Data4 + '</p>'
+ '<p> Text3: ' + data.Data5 + '</p>'
});
d3.select('#chart svg')
.datum(JsonData)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
关于javascript - 在 discreteBarChart nvd3.js 中使用数据自定义工具提示的工具提示内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22713400/