使用 Chart.js 绘制折线图

【问题标题】：Draw Line Chart Using Chart.js使用 Chart.js 绘制折线图
【发布时间】：2016-07-18 03:48:26
【问题描述】：

我想用chart.js画折线图

我能够绘制折线图，但想在“Y”轴上显示用户定义的值。 IE。如果我有一些值，即 Y 轴上的 2，那么我想在该 2 的下方和上方添加一些数据。

我有一些我想创建的图像。

在上图中，我的平均值是某个值，所以我想在该平均值的上方和下方添加 +1s、+2s 和 +3s。

帮我解决这个问题。谢谢

【问题讨论】：

标签： jquery chart.js

【解决方案1】：

只需覆盖scaleLabel 选项

  ...
  scaleLabel: function(valueObj) {
    if (valueObj.value === '0')
        return 'Mean'
    else if (Number(valueObj.value) > 0)
      return '+' + valueObj.value + 's';
    else
      return valueObj.value + 's';
  }
});

请注意，除非您的数据范围是静态的，否则您还需要覆盖比例。

小提琴 - http://jsfiddle.net/Lbk9ughy/

【讨论】：