Chart.js 折れ線グラフアニメーション停止サンプル
<div style="width: 300px;">
<canvas id="myChart"></canvas>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
var ctx = document.getElementById('myChart');
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ['投票2015', '投票2016', '投票2017'],
datasets: [{
label: '赤党',
data: [9000, 5000, 10000],
borderColor: 'red',
lineTension: 0,
fill: false
},
{
label: '緑党',
data: [6000, 7000, 3000],
borderColor: 'green',
lineTension: 0,
fill: false
},
{
label: '青党',
data: [1000, 3000, 7000],
borderColor: 'blue',
lineTension: 0,
fill: false
}]
},
options: {
animation: false,
scales: {
yAxes: [{
ticks: {
beginAtZero: true,
callback: function(val) {
return val + '票';
}
}
}]
}
}
});