获得堆积条高度的段

时间:2017-07-17 22:18:53

标签: javascript chart.js

我使用以下代码

显示垂直堆叠条的每个段的值
options: {
  animation: {
      onComplete: function () {
          var chartInstance = this.chart;
          var ctx = chartInstance.ctx;
          ctx.textAlign = "center";
          ctx.font = "11px Arial";
          ctx.fillStyle = "#fff";

          Chart.helpers.each(this.data.datasets.forEach(function (dataset, i) {
              var meta = chartInstance.controller.getDatasetMeta(i);
              Chart.helpers.each(meta.data.forEach(function (bar, index) {
                  data = dataset.data[index];
                  ctx.fillText(data, bar._model.x, bar._model.y+4);
              }),this)
          }),this);
      }
  }
}

有时段的高度只有几个像素,值的文本重叠。我想获得每个段的高度,以便在不适合时隐藏值。

原始来源(横条)https://codepen.io/jamiecalder/pen/NrROeB

0 个答案:

没有答案