Chart.js - にほんご。

Update

通常、チャートを生成した後に、更新したいと思うかもしれません。 Chart.jsでは、チャートデータを変更すると、新しいデータでアニメーションします。

データの追加・削除

data配列を変更することで、データの追加・削除をサポートしています。 データを追加するには、以下のように指定します。

function addData(chart, label, data) {
    chart.data.labels.push(label);
    chart.data.datasets.forEach((dataset) => {
        dataset.data.push(data);
    });
    chart.update();
}

データを削除するには、以下のように指定します。

function removeData(chart) {
    chart.data.labels.pop();
    chart.data.datasets.forEach((dataset) => {
        dataset.data.pop();
    });
    chart.update();
}

アニメーションの無効化

チャートの更新時に、アニメーションは不要な場合があります。 その場合、duration0にしてupdateを呼び出します。 これでチャートはアニメーション無しでレンダリングされます。

© 2013 Chart.js is available under the MIT license

このコンテンツはChart.jsドキュメントを翻訳/改変したものです。