是否可以在chart-js中绘制多个散点图,并将第二个y轴作为类别?

ntjbwcob  于 2023-03-02  发布在  Chart.js
关注(0)|答案(1)|浏览(115)

我想创建一个多个散点图,就像在图片中一样?它甚至可以只使用chart-js库渲染这个吗??我想不出来-我如何定义数据集来渲染这样。也许有人已经建立了这个(或者可能使用另一个库?)谢谢!
因此,x轴是时间戳,y轴(左)是指每个图形,y轴(右)是类别(每个数字是一个类别-即不同的图形)
expected result
我不知道如何创建这样的东西。只有当我呈现多个散点图一个在另一个上面,但不是只使用一个散点组件(图表)。

omtl5h9j

omtl5h9j1#

您可以通过堆叠多个y轴来实现这一点。您可以查看此链接:https://www.chartjs.org/docs/latest/samples/scales/stacked.html
对于Dataset id轴,可以编写如下内容(这只是一个提示,不是最终解决方案):

const config = {
 [...],
  options: {
    scales: {
       y3:{
          type: 'category',
          position:"right",
          display:true,
          labels:[1,2,3], // Here you should get the number of dataset that you have, to make it generic
       }
     }
   }

相关问题