web-dev-qa-db-ja.com

重なり合うchart.js積み上げグラフ

積み上げ棒グラフを作成していますが、2つの値を加算して表示するだけでなく、棒グラフも必要です。

例： stackgraph

このグラフは、「目標」の割合と実際の割合を表示することになっています。したがって、列の目標値が70で実際の値が30の場合、実際の数値の色は0〜30で表示され、目標の色は30〜70のままになります。

とにかく、それらを合計100だけでなく、実際にそのようにオーバーラップさせる方法はありますか？

javascriptchart.jschart.js2
9
Mat

これらのパラメーターをコードに追加する必要があります-Xのスタッキングを有効にし、Y軸のスタッキングを無効にします。

  xAxes: [{ stacked: true }],
  yAxes: [{
    stacked: false,
    ticks: {
      beginAtZero: true,
    },
  }]
7
wahwahwah

気にしないで、私は答えを見つけました。

options: {
              scales: {
                xAxes: [{ stacked: true }],
                yAxes: [{
                        ticks: {
                            beginAtZero:true
                        },
                        stacked: false
                }]
              }
            }

XAxesをtrueに、yAxesをfalseに設定するだけです

7
Mat Steuernagle