<html>
<head>
<script type="text/javascript" src="/assets/script/canvasjs.min.js"></script>
</head>
<body>
<div class="row">
<div class="col-xs-6 col-xs-offset-3">
<div id="chartContainer" style="height: 300px; width: 100%;">
</div>
</div>
</div>
</body>
</html>
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
theme: "theme2",//theme1
title:{
text: "Basic Column Chart - CanvasJS"
},
data: [
{
// Change type to "bar", "splineArea", "area", "spline", "pie",etc.
type: "splineArea",
dataPoints: [
{ label: "apple", y: 10 },
{ label: "orange", y: 15 },
{ label: "banana", y: 25 },
{ label: "mango", y: 30 },
{ label: "grape", y: 28 }
]
}
]
});
chart.render();
}
Also see: Tab Triggers