Javascript Chart.js向左对齐折线图
我想知道为什么我的图表没有左对齐,我怎么能做到这一点?这是我的代码:Javascript Chart.js向左对齐折线图,javascript,html,css,chart.js,Javascript,Html,Css,Chart.js,我想知道为什么我的图表没有左对齐,我怎么能做到这一点?这是我的代码: var data = { labels: ["ID"] , datasets: [ { label: "Sensor 1" , data: [{ x: 0 , y: 2 }, { x: 12 , y
var data = {
labels: ["ID"]
, datasets: [
{
label: "Sensor 1"
, data: [{
x: 0
, y: 2
}, {
x: 12
, y: 5
}]
, backgroundColor: [
'rgba(255, 99, 132, 0.2)'
, ]
, borderColor: [
'rgba(255,99,132,1)'
]
, borderWidth: 1
}
]
};
var options = {
title: {
display: true
, text: 'Custom Chart Title'
}
, scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
, xAxes: [{
type: "linear"
, position: "bottom"
}]
}
};
var myLineChart = Chart.Line(ctx, {
data: data
, options: options
});
这条线从图的正中央开始,但我不知道如何将其与左侧对齐(在x轴上)。这就是它的样子:
如您所见,另一个问题是,y轴与我输入的数据集不匹配
编辑:好的,我终于让它工作了。我添加了正确的代码。我意识到这是一篇旧文章,但我认为我有解决您问题的方法,我将把它留在这里,让其他正在搜索此内容的人使用(我现在无法测试,但应该是这样):
有人告诉我是否正确:)我意识到这是一篇老文章,但我想我有解决你问题的方法,我会把它留给正在搜索它的其他人(我现在无法测试,但应该是这个):
有人告诉我是否正确:)你能制作一个片段或一把小提琴来重现这个问题吗image@binaryBigInt如果你发布一个答案而不是编辑问题,对遇到同样问题的其他人会更有帮助。这样你就可以更容易地发现问题所在并找到解决方案。你是否能够生成一个片段或一把小提琴来重现问题我添加了完整的代码和image@binaryBigInt如果你发布一个答案而不是编辑问题,对遇到同样问题的其他人会更有帮助。这样你就可以更容易地看到问题所在并找到解决方案。我认为这不对…那些属性应该在ticks对象中显示我认为这不对…那些属性应该在ticks对象中显示
xAxes: [{
type: "linear"
, position: "bottom"
, beginAtZero: true
, min: 0
}]
padding: {
top: 50,
right: 10,
bottom: 50,
left: 10,
}
}
Add this object in your graph options and change the position with top, bottom, left, right