Skip to content

Instantly share code, notes, and snippets.

@yuikns
Created November 12, 2016 08:06
Show Gist options
  • Save yuikns/c81a3d1782fb8d54cae047876768780c to your computer and use it in GitHub Desktop.
Save yuikns/c81a3d1782fb8d54cae047876768780c to your computer and use it in GitHub Desktop.
JsonData = [
{
key: "Serie1",
values: [
{'Data1': 1,
'Data2': 2,
'Data3': 3,
'Data4': 4,
'Data5': 5
},
{'Data1': 2,
'Data2': 3,
'Data3': 4,
'Data4': 5,
'Data5': 6
}
]
},
{
key: "Serie2",
values: [
{'Data1': 1,
'Data2': 3,
'Data3': 2,
'Data4': 4,
'Data5': 6
},
{'Data1': 2,
'Data2': 1,
'Data3': 9,
'Data4': 8,
'Data5': 7
}
]
}
];
nv.addGraph(function() {
var chart = nv.models.lineChart()
.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;
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment