Chart.js 如何在条形图的画布中添加一条线答案

【问题标题】：Chart.js how to add a line in the canvas for bar chartChart.js 如何在条形图的画布中添加一条线
【发布时间】：2014-09-05 23:32:03
【问题描述】：

使用 Chart.js - 条形图如何为成就添加直线，例如超过 75/100 是否通过 - 所以需要在 75 计数中添加一条线。或网格上的粗线... 4px 实线等...

因此，如果我以这个小提琴为例...需要一条直线，值为 75000 http://jsfiddle.net/rnX2Z/1/

正在尝试添加此代码，但没有成功...

var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.moveTo(0,200);
ctx.lineTo(500,200);
ctx.stroke();

正在考虑在画布上添加一条线 - 但代码有问题 - 或者我是否必须向 .js 添加一些代码...任何帮助或方向，就像其他图表一样太棒了..会很酷...谢谢

【问题讨论】：

【解决方案1】：

如果图表来自 highcharts.com，例如...

<script type="text/javascript" src="http://code.highcharts.com/highcharts.src.js"></script>
<div id="container" style="height: 400px"></div>

然后大量的 Javascript ......等等......需要一个 JSON / 绘图线和颜色数据

不确定 - ChartJS - 没有找到这方面的信息 - 可能是 SVG？

在我添加这个答案之前不知道为什么是 -1...对于任何阅读此内容的人的更多建议...

干杯西蒙

【讨论】：