Chart.js条形图和折线图

Chart.js条形图和折线图,chart.js,Chart.js,我正在尝试使用chart.js创建条形图和折线图,但我希望条形图有一组不同的“标签” 折线图的数据位于第一个点和最后一个点[28001300],我希望在条形图的标签上画一条线 这可能吗 期望 结果 该行的数据应为: data: [2800,2680,2565,2450,2335,2220,2105,1990,1875,1760,1645,1530,1415,1300] 换句话说,您需要根据端点和钢筋数量计算其他值,以便获得一条直线 delta=(2800-1300)/13=~115我通过扩

我正在尝试使用chart.js创建条形图和折线图,但我希望条形图有一组不同的“标签”

折线图的数据位于第一个点和最后一个点[28001300],我希望在条形图的标签上画一条线

这可能吗

期望

结果

该行的数据应为:

data: [2800,2680,2565,2450,2335,2220,2105,1990,1875,1760,1645,1530,1415,1300]
换句话说,您需要根据端点和钢筋数量计算其他值,以便获得一条直线


delta=(2800-1300)/13=~115

我通过扩展Chartjs解决了这个问题

var originalLineDraw=Chart.controllers.bar.prototype.draw;
Chart.helpers.extend(Chart.controllers.bar.prototype{
绘图:函数(){
应用(这个,参数);
var chart=this.chart;
var ctx=chart.chart.ctx;
var index=chart.config.data.lineAtIndex;
如果(索引){
var xaxis=图表刻度['x轴-0'];
var yaxis=图表刻度['y轴-0'];
ctx.save();
ctx.beginPath();
ctx.moveTo(xaxis.getPixelForValue(未定义,0),yaxis.getPixelForValue(70));
ctx.strokeStyle='#000000';
ctx.lineTo(xaxis.getPixelForValue(未定义,7),yaxis.getPixelForValue(10));
ctx.stroke();
ctx.restore();
}
}
});
变量配置={
类型:'bar',
数据:{
标签:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”],
数据集:[{
标签:“我的第一个数据集”,
数据:[65,0,80,81,56,85,40],
填充:假
}],
线性指数:2
}
};
var ctx=document.getElementById(“myChart”).getContext(“2d”);
新图表(ctx,配置)

My通过snippet或fiddle共享结果?感谢Alex,我可以这样解决这个问题。