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

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

这个问题很不好意思,但是阅读文档并不明显,做一件显而易见的事情会导致所有的点都在x==0!?
提前感谢!
我目前的代码是

  1. new Chart(canvasId,{
  2. type: 'line',
  3. data: {
  4. datasets: [
  5. {
  6. label: 'Some Data',
  7. data: [
  8. { x: 0, y: 2.344317674636841 },
  9. { x: 9, y: 2.2913742065429688 },
  10. { x: 19, y: 2.2962939739227295 },
  11. { x: 29, y: 2.26206374168396 },
  12. { x: 39, y: 2.2287118434906006 },
  13. { x: 49, y: 2.1946732997894287 },
  14. { x: 59, y: 2.192193031311035 },
  15. { x: 69, y: 2.1846773624420166 },
  16. { x: 79, y: 2.122765064239502 },
  17. { x: 89, y: 2.1172447204589844 },
  18. { x: 99, y: 2.125208616256714 },
  19. ]
  20. },
  21. ]
  22. }
  23. });
8dtrkrch

8dtrkrch1#

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

相关问题