chart.js - Chartjs 条形数据集标签未显示

标签 chart.js

试图在条形图上比较今年和去年,数据集“今年”和“上一年”的标签没有显示。当并排比较多个数据集时,这件事特别方便,因此非常感谢任何帮助。
顺便说一下我的chartjs版本是2.1.4

  var chartdata = {
    type: 'bar',
    data: {
      labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
      // labels: month,
      datasets: [
        {
          label: 'this year',
          backgroundColor: '#26B99A',
          data: sold1
        },
        {
          label: 'previous year',
          backgroundColor: '#03586A',
          data: sold2
        }
      ]
    }
  };

最佳答案

将 xAxis 的 autoSkip 设置为 false :

scales: {
  xAxes: [{
      beginAtZero: true,
      ticks: {
         autoSkip: false
      }
  }]
}

关于chart.js - Chartjs 条形数据集标签未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47374198/

相关文章:

javascript - 如何使 chartjs 中的点可拖动?

javascript - 如何移动标签在 Chart.js 饼图上的位置

javascript - 网格线后面的边框

javascript - 如何在 Chart.JS 中的半圆环图中间添加一些文本?

javascript - 如何在为每个项目呈现图表之前等待所有项目在 ng-repeat 中加载

javascript - 在angular-chart.js的饼图中显示数据标签

javascript - 将本地声明的变量引用到数组中以获取 chartjs 的数据

chart.js - 获取使用 Chart.js 渲染的折线图 y 轴的最大值

javascript - 如何使用 Chartjs 制作交互式图例

reactjs - 如何将 chart.js 与 React Hook 一起使用?