chart.js - 使用 ChartJS v2 在轴上显示分类值而不是数字

标签 chart.js

在 ChartJS v2 中,有没有办法将轴上的数值更改为分类文本标签(低、中、高)?

最佳答案

如果您只想更改刻度标签,请使用tickscallback 属性。例如

...
options: {
  scales: {
    yAxes: [{
      ticks: {
        callback: function(value) {
          if (value === 20)
            return 'Low';
          else if (value === 50)
            return 'Medium';
          else if (value === 80)
            return 'High';
          else
            return '';
        }
      }
    }]
  }
}

fiddle - http://jsfiddle.net/1gfu0tfg/

关于chart.js - 使用 ChartJS v2 在轴上显示分类值而不是数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36775293/

相关文章:

javascript - 如何在 chartjs 中显示百分比符号?

javascript - 销毁 chart.js 条形图以在同一 <canvas> 中重绘其他图形

javascript - 在图表 js y 轴中显示所有值

javascript - Chart.js 有没有办法根据值对折线图刻度进行着色

angular - 增强中的模块名称无效。模块 'chart.js' 解析为 '/src/chart.js' 处的无类型模块,无法对其进行扩充

javascript - ChartJS 如何设置 X 轴的最大标签?

javascript - 如何将光标样式更改为悬停在图表点上的指针?

javascript - chart.js 图形上的偏移叠加线

javascript - 在 Chart.js 中创建不同宽度的类别

javascript - 重现 Chartjs v2 中的错误 极坐标图未绘制所有提供的数据