2014-08-28 243 views
0

使用Chart.js - 条形图如何为成就添加直线,例如超过75/100是否合格 - 因此需要在75计数。或粗线对电网... 4PX固体等...在这个图像的右侧...Chart.js如何在条形图的画布上添加一条线

http://drawingwithnumbers.artisart.org/wp-content/uploads/2013/03/v8-simple-measures.png 像绿色剥离线(目标0.7)...

所以如果我用这个小提琴作为一个例子...需要一个直线的值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 ...任何帮助或方向,因为其余的图表看起来很棒..会很酷......谢谢

回答

0

如果图表是从highcharts.com,按照实施例...

http://jsfiddle.net/wergeld/hXDYh/2/

<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之前,我加入这个答案......更多的人一个建议阅读本...

干杯 西蒙