Javascript 将水平线添加到my chart.js条形图
嗨,我想在我的条形图上添加一条水平线。这是我的图表的代码:Javascript 将水平线添加到my chart.js条形图,javascript,bar-chart,chart.js,Javascript,Bar Chart,Chart.js,嗨,我想在我的条形图上添加一条水平线。这是我的图表的代码: var singleBarOptions = { scaleBeginAtZero: true, scaleShowGridLines: true, scaleGridLineColor: "rgba(0,0,0,.05)", scaleGridLineWidth: 1, barShowStroke: true, barStrokeWidth: 1, barValueSpacing
var singleBarOptions = {
scaleBeginAtZero: true,
scaleShowGridLines: true,
scaleGridLineColor: "rgba(0,0,0,.05)",
scaleGridLineWidth: 1,
barShowStroke: true,
barStrokeWidth: 1,
barValueSpacing: 5,
barDatasetSpacing: 1,
responsive: true
};
var singleBarData = {
labels: ["2010", "2011", "2012", "2013", "2014", "2015", "2016"],
datasets: [
{
label: "My Second dataset",
fillColor: "rgba(0,191,255,0.5)",
strokeColor: "rgba(0,191,255,0.8)",
highlightFill: "rgba(100,149,237,0.75)",
highlightStroke: "rgba(100,149,237,1)",
data: [60, 50, 40, 30, 20, 10, 20]
}
]
};
var ctx = document.getElementById("singleBarOptions").getContext("2d");
var myNewChart = new Chart(ctx).Bar(singleBarData, singleBarOptions);
有没有一个简单的方法来画这条线?
如果我以后能改变线路的位置也会很好
这里有关于stackoverflow的解决方案,但它们不处理设置。是的,使用Annotations插件: 结果: 代码笔:
注意:我使用的是v2.2.1,我相信您的语法是以前版本的,所以我只使用您的数据和一些选项 你能不能把这个放在小提琴里,分享一下链接?可能是重复的,但不是重复的,他们只有一个数据集。我不知道如何将我的设置添加到他们的代码中。请创建您尝试的代码
annotation: {
annotations: [{
type: 'line',
mode: 'horizontal',
scaleID: 'y-axis-0',
value: '26',
borderColor: 'tomato',
borderWidth: 1
}],
drawTime: "afterDraw" // (default)
}