javascript - Chart.JS 自定义 y 轴标签,其中包含有值(value)的文本

标签 javascript chart.js chart.js2

我想制作一个这样的条形图..在chart.js中可以吗?

enter image description here

假设“OK”、“Difficult”和“Problematic”都有其自身的值(value)。

示例:

  • 有问题 = 11 或更多
  • 困难 = 6 - 10
  • 确定 = 0 - 5

最佳答案

是的,像这样:

options: {
            scales: {
            yAxes: [{
              ticks: {
                userCallback: function(value) {
                    return value;
                },
                stepSize: 1
              }
            }]
          },
        },

您还可以设置步长。

关于javascript - Chart.JS 自定义 y 轴标签,其中包含有值(value)的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38649077/

相关文章:

javascript - 在嵌套 iframe 内使用/安装库

javascript - 如何从 Node js 服务器端的表单标签记录数据?

javascript - 在chartjs折线图中分离结果

javascript - 隐藏 x 轴上的刻度线会剪裁图表 (Chart.JS)

javascript - 在不使用数据库的情况下登录网站

javascript - 发送 HTTP 请求并正确忽略 Javascript 中的响应

javascript - ChartJs 3.x : ResizeObserver is not a constructor

chart.js - 饼图图例 - Chart.js

css - 将 2 个 chart.js 包含在一个 div 中

javascript - 如何在 Chart.js v2.0 中的标签上添加 OnClick 事件?