パフォーマンス

CPU 使用率を下げる

リソースに制約のあるデバイスでこのプラグインを使用する場合や、大画面で複数のチャートを描画する場合は、フレームレートを下げて CPU 使用率を下げるとよいでしょう。以下の設定は、これに加えてアニメーションを無効にすることで CPU 使用率を下げ、ページ全体のパフォーマンスを向上させます。

const myChart = new Chart(ctx, {
  options: {
    animation: false,  // アニメーションを無効にする
    plugins: {
      streaming: {
        frameRate: 5   // チャートは1秒間に5回描画される
      }
    }
  }
});