ChartJS 将水平折线图更改为垂直折线图

sg3maiej 于 2022-11-07 发布在 Chart.js

关注(0)|答案(1)|浏览(235)

我正在使用chartjs生成一个折线图，其中包含2个数据集，x轴上有2个不同的数据标签。
当前我的图表如下所示current horizontal line chart
我想让我的折线图垂直，这样X轴（日期）移动到Y轴，Y轴（数字）移动到X轴。我在JS脚本的选项中添加了一个indexAxis: 'y'，但它似乎不起作用，我的折线图不再显示任何线条。谁能告诉我我的代码出了什么问题？谢谢
第一个

chart.js

来源：https://stackoverflow.com/questions/72345140/change-horizontal-line-chart-to-vertical-line

1条答案

按热度按时间

a14dhokn1#

您需要调整数据，但仍然提供数据，就好像x轴是索引轴一样。
要解决您的问题，请更改数据对象中的x和y键，它将正常工作：

data: [{
    y: '2022-03-01',
    x: 3
  },
  {
    y: '2022-03-02',
    x: 6
  },
  {
    y: '2022-03-03',
    x: 9
  },
  {
    y: '2022-03-04',
    x: 8
  }
],

活样品：
第一个

赞(0）回复(0）举报 2022-11-07

我来回答

ChartJS 将水平折线图更改为垂直折线图

1条答案

相关问题

热门标签

最新问答