ChartJS 如何画一条有(x,y)点的直线?

tjjdgumg  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(166)

这个问题很不好意思,但是阅读文档并不明显,做一件显而易见的事情会导致所有的点都在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 },
                    ]
                },
            ]
        }
    });
8dtrkrch

8dtrkrch1#

您使用的折线图默认情况下对x轴使用分类标度,您可以在文档的这一部分中看到,该部分不适用于整数https://www.chartjs.org/docs/3.9.1/general/data-structures.html#object
因此,您需要将options.scales.x.type设置为'linear'

相关问题