javascript - Chart.js 中的水平 'limit' 线

Question

是否可以在 Chart.js 中的现有图表中添加一条水平线？ ？

这里是示例字符代码:

// 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
}]