ChartJS 呈现具有多个y轴的图表将以较大比例显示两个数据集

rfbsl7qr 于 2023-08-05 发布在 Chart.js

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

渲染具有多个y轴的图表将以更大的比例显示两个数据集。我在图表选项中尝试了多种方法来告诉第二个y轴使用另一个刻度。预期行为是要以第二比例渲染的第二个数据集。
我已经分叉了Vue-ChartJS的repo示例来与大家分享
https://stackblitz.com/edit/github-xchppm?file=src%2FchartConfig.ts

chart.js

来源：https://stackoverflow.com/questions/76733092/rendering-a-chart-with-multiple-y-axes-will-display-both-datasets-on-the-larger

1条答案

按热度按时间

m4pnthwp1#

如果y轴缩放对象是y: {...}和y1: {...}，则y和y1是y轴ID。
这些ID将作为yAxisID添加到相应的数据集选项中（您的代码在yAxisId中有一个拼写错误，其中'd'应该是大写）

datasets: [
    {
      yAxisID: 'y',
      label: 'Data One',
      backgroundColor: '#f87979',
      data: [6027, 5369, 5739, 6123, 6345, 6901, 5802],
    },
    {
      yAxisID: 'y1',
      label: 'Data Two',
      data: [0.004, 0.006, 0.002, 0.008, 0.001, 0.003, 0.005],
    },
  ],

字符串
Updated stackblitz

赞(0）回复(0）举报 2023-08-05

我来回答

ChartJS 呈现具有多个y轴的图表将以较大比例显示两个数据集

1条答案

相关问题

热门标签

最新问答