我如何可以使用数据加载到“datum”中的自由工具提示工具提示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;
- });