这个问题很不好意思,但是阅读文档并不明显,做一件显而易见的事情会导致所有的点都在x==0!?
提前感谢!
我目前的代码是
new Chart(canvasId,{
type: 'line',
data: {
datasets: [
{
label: 'Some Data',
data: [
{ x: 0, y: 2.344317674636841 },
{ x: 9, y: 2.2913742065429688 },
{ x: 19, y: 2.2962939739227295 },
{ x: 29, y: 2.26206374168396 },
{ x: 39, y: 2.2287118434906006 },
{ x: 49, y: 2.1946732997894287 },
{ x: 59, y: 2.192193031311035 },
{ x: 69, y: 2.1846773624420166 },
{ x: 79, y: 2.122765064239502 },
{ x: 89, y: 2.1172447204589844 },
{ x: 99, y: 2.125208616256714 },
]
},
]
}
});
1条答案
按热度按时间8dtrkrch1#
您使用的折线图默认情况下对x轴使用分类标度,您可以在文档的这一部分中看到,该部分不适用于整数https://www.chartjs.org/docs/3.9.1/general/data-structures.html#object
因此,您需要将
options.scales.x.type
设置为'linear'