Chart.js中的水平“限制”行

Question

是否可以在Chart.js？

中为现有图表添加水平线

这里是示例char代码：

// the canvas
<canvas id="myChart" width="800" height="200"></canvas>

// the js
var ctx = document.getElementById("myChart").getContext("2d");
var myNewChart = new Chart(ctx).Bar(data);

我想添加一个水平标记线（例如y = 100，就像这个fiddle一样，用于高图）

Answer 1

是的，你实际上可以做到这一点。您需要水平标记线，因此需要在y轴内添加此代码

plotLines: [{
            color: '#FF0000',
            width: 2,
            value: .50 * 200 // The marker value will be 100
                             // Or you can just set its value to 100
}]