var = new CanvasJS.Chart("", { animationEnabled: true, exportEnabled: true, title:{ text: "Cost By Index", fontFamily: "'Calibri',sans-serif", //padding: { bottom: 10 }, fontColor: "black", fontWeight: "bold", fontSize: 14 }, toolTip: { borderColor: 'gray', backgroundColor: "#eee", cornerRadius: 2, borderThickness: 2 }, //dataPointMaxWidth: 200, axisX: { title:"Impact", minimum: 0, maximum: 5.5, //margin: 20, interval: 1 }, axisY: { title:"Likelihood", //includeZero: false, minimum: 0, maximum: 5.5, //margin: 20, interval: 1 }, legend:{ horizontalAlign: "center" }, data: [{ type: "bubble", showInLegend: true, legendText: "Risk Score = Likelihood * Impact", legendMarkerType: "circle", legendMarkerColor: "grey", toolTipContent: "Risk Score: {score}
Number of Risks {count}
Total Cost: {z}
", dataPoints: [ ] }] }); .render(); function onBubbleClick(e){ alert(" Run Filter on dataPoint { Impact:" + e.dataPoint.x + ", Likelihood:" + e.dataPoint.y + " }" ); }