HTML
<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
var graphDataArr=[{"type":"line","showInLegend":true,"legendText":"ACSIDEVI(-)","name":"ACSIDEVI(-)","dataPoints":[{"x":0,"y":null,"meaQuantityId":null,"meaResultId":null,"nodeName":"ACSIDEVI","nodeType":null,"y1":null,"x1":null,"interval":null,"yUnitName":null,"xUnitName":"-","isHugeData":null,"value":"..................................................","count":2},{"x":1,"y":null,"meaQuantityId":null,"meaResultId":null,"nodeName":null,"nodeType":null,"y1":null,"x1":null,"interval":null,"yUnitName":null,"xUnitName":null,"isHugeData":null,"value":"..................................................","count":0}],"color":"#1BCDD1"},{"type":"line","showInLegend":true,"legendText":"AVL_INDEP_TIME(Unknown)","name":"AVL_INDEP_TIME(Unknown)","dataPoints":[{"x":0,"y":42108.69891052081,"meaQuantityId":null,"meaResultId":null,"nodeName":"AVL_INDEP_TIME","nodeType":null,"y1":null,"x1":null,"interval":null,"yUnitName":null,"xUnitName":"Unknown","isHugeData":null,"value":null,"count":2},{"x":1,"y":42108.73271244211,"meaQuantityId":null,"meaResultId":null,"nodeName":null,"nodeType":null,"y1":null,"x1":null,"interval":null,"yUnitName":null,"xUnitName":null,"isHugeData":null,"value":null,"count":0}],"color":"#EC5657"}]
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "Earthquakes - per month"
},
toolTip: {
shared: true,
borderColor: "#191919",
contentFormatter: function (e) {
var content = " ";
console.log('graphDataArr::'+JSON.stringify(graphDataArr))
for (var i = 0; i < graphDataArr.length; i++) {
for (var j = 0; j < e.entries.length; j++) {
if(i==j){
e.entries[i].dataSeries.name=graphDataArr[i].legendText;
}
}
}
...