chart.js line 2.0
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.min.js"></script>
<canvas id="myChart" width="400" height="250"></canvas>
<input type="button" value="Add Data" onclick="adddata()">
JavaScript
var canvas = document.getElementById('myChart');
var data = {
labels: ["1", "2", "3", "4", "5", "6", "7"],
datasets: [
{
label: "My First dataset",
fill: false,
lineTension: 0.1,
borderCapStyle: 'butt',
borderJoinStyle: 'miter',
data: [65, 59, 80, 0, 56, 55, 40],
}
]
};
var now = new Date();
function adddata(){
myLineChart.data.datasets[0].data[7] = Math.floor(Math.random()*80);
myLineChart.data.labels[7] = now.getHours()+':'+now.getMinutes();
myLineChart.update();
}
var option = {
showLines: true
};
var myLineChart = Chart.Line(canvas,{
data:data,
options:option
});