如何使用chart.js绘制散点图

2ledvvac  于 2022-11-23  发布在  Chart.js
关注(0)|答案(3)|浏览(178)

我试图弄清楚如何使用chart.js绘制散点图,我试图绘制的数据是随机生成的,其中datesdatetime.now()对象的列表,prices是浮点数的列表
第一个
将日期转换为浮点数可以完成这项工作,但它将日期显示为数字,而且它不是那么好看

rkkpypqq

rkkpypqq1#

可以按如下方式定义x轴

x: {      
  type: 'time',
  time: {
    parser: 'YYYY-M-D',
    unit: 'day',
    displayFormats: {
      day: 'D MMM YYYY'
    },
    tooltipFormat: 'D MMM YYYY'
  }
}

更多信息可在Chart.js文档here和Chart.js示例here中找到。
请注意,我使用chartjs-adapter-momentmoment来完成这项工作。
请查看修改后的代码并了解其工作原理。
第一次

2o7dmzc5

2o7dmzc52#

散点图在内部使用折线图,但对其进行了更改,因此showLine属性变为false,并且两个轴都设置为线性。
因此,您只需在数据集中将showLine属性设置为false,然后使用折线图。

相关问题