混合チャート

Chart.jsでは、2つ以上の異なるチャートタイプを組み合わせた混合チャートを作成することができます。一般的な例は、線データセットを含む棒グラフです。

混合チャートの作成は、基本のグラフの初期化から始まります。

var myChart = new Chart(ctx, {
  type: 'bar',
  data: data,
  options: options
});

この時点で、標準的な棒グラフが得られます。 今度は、データセットの1つを線グラフのデータセットに変換する必要があります。

var mixedChart = new Chart(ctx, {
  type: 'bar',
  data: {
    datasets: [{
          label: '棒グラフのデータセット',
          data: [10, 20, 30, 40]
        }, {
          label: '線グラフのデータセット',
          data: [50, 50, 50, 50],

          // このデータセットを線グラフにする
          type: 'line'
        }],
    labels: ['1月', '2月', '3月', '4月']
  },
  options: options
});

この時点で、作りたかったグラフができました。 この方法では、線グラフの設定初期値はマージされないことに注意してください。 基本となっているグラフ型の設定だけがマージされます。この場合では、棒グラフがtypeフィールドで指定された型であるため、棒グラフの設定初期値がマージされます。

results matching ""

    No results matching ""