Javascript Chart.js具有正确间隔x标签的折线图
默认情况下,chart.js似乎将其x标签平均隔开,而不是在空间中绘制(x,y)对Javascript Chart.js具有正确间隔x标签的折线图,javascript,chart.js,Javascript,Chart.js,默认情况下,chart.js似乎将其x标签平均隔开,而不是在空间中绘制(x,y)对 var options = { type: 'line', data: { labels: [0, 1, 10], datasets: [{ data: [1, 2, 1] }] }, } 这会将“1”标签置于x轴上0和10的中间()。如何使其定位到10的1/10?根据您需要的线性x轴,数据以x,y对的形式提供 因此,需要: var ctx = document.getE
var options = {
type: 'line',
data: {
labels: [0, 1, 10],
datasets: [{
data: [1, 2, 1]
}]
},
}
这会将“1”标签置于x轴上0和10的中间()。如何使其定位到10的1/10?根据您需要的线性x轴,数据以x,y对的形式提供
因此,需要:
var ctx = document.getElementById('chartJSContainer').getContext('2d');
var scatterChart = new Chart(ctx, {
type: 'line',
data: {
datasets: [{
label: 'Linear Dataset',
data: [{ x: 0, y: 1}
,{x: 1, y: 2 }
,{ x: 10, y: 1} ]
}]
},
options: {
scales: {
xAxes: [{
type: 'linear'
,position: 'bottom'
}]
}
}
});
根据需要,您需要一个线性x轴,数据以x、y对的形式提供
因此,需要:
var ctx = document.getElementById('chartJSContainer').getContext('2d');
var scatterChart = new Chart(ctx, {
type: 'line',
data: {
datasets: [{
label: 'Linear Dataset',
data: [{ x: 0, y: 1}
,{x: 1, y: 2 }
,{ x: 10, y: 1} ]
}]
},
options: {
scales: {
xAxes: [{
type: 'linear'
,position: 'bottom'
}]
}
}
});