Charts Chart.js使用限制线绘制堆叠条形图

Charts Chart.js使用限制线绘制堆叠条形图,charts,chart.js,chart.js2,Charts,Chart.js,Chart.js2,我想在图表中画一条水平线。但我做不到 我发现了这一点,但我很难将其转换为条形图,因为它使用点来确定放置线条的位置,而条形图似乎不使用点 风险值数据={ 标签:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月], 数据集:[{ 数据:[12,3,2,1,8,8,2,2,3,5,7,1] }] }; var ctx=document.getElementByIdLineWithLine.getContext2d; Chart.types.Line.extend{ 名称:

我想在图表中画一条水平线。但我做不到

我发现了这一点,但我很难将其转换为条形图,因为它使用点来确定放置线条的位置,而条形图似乎不使用点

风险值数据={ 标签:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月], 数据集:[{ 数据:[12,3,2,1,8,8,2,2,3,5,7,1] }] }; var ctx=document.getElementByIdLineWithLine.getContext2d; Chart.types.Line.extend{ 名称:LineWithLine, 初始化:函数{ Chart.types.Line.prototype.initialize.applythis,参数; }, 绘图:函数{ Chart.types.Line.prototype.draw.applythis,参数; var point=this.dataset[0]。points[this.options.lineAtIndex] var scale=此.scale console.logthis; //划线 this.chart.ctx.beginPath; 这个.chart.ctx.moveToscale.startPoint+12,point.y; this.chart.ctx.strokeStyle='ff0000'; this.chart.ctx.lineTothis.chart.width,point.y; this.chart.ctx.stroke; //今天写 this.chart.ctx.textAlign='center'; this.chart.ctx.filltextoday,scale.startPoint+35,point.y+10; } }; 新的Chartctx.LineWithLinedata{ datasetFill:false, 线性指数:2 };
如果您仍然存在此问题,请检查有关的此问题

在我链接的问题的答案中,它在chart.js more infos In'站点中定义了一个新插件,允许您绘制条形图和自定义线。还有一个JSFIDLE可以更好地理解插件是如何工作的