Chart.js堆积折线图：在右侧重复左侧Y轴

mkh04yzy 于 2022-11-06 发布在 Chart.js

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

我想在图表的左边和右边使用相同的y轴，并使用完全相同的比例。我使用stacked line chart并创建多个轴。得到的结果是，右边的y轴有不同的刻度（0 - 1）而不是左边的（0 - 6000）。数据是动态的，并且标度也可以是例如0-10000或0-1000或0-100等。

scales: {
      'left-y-axis': {
        type: 'linear',
        stacked: true,
        position: 'left',
      },
      'right-y-axis': {
        type: 'linear',
        position: 'right',
      },
    },

我用我的例子创建了一个jsfiddle，您可以看到左右y轴是不同的：https://jsfiddle.net/3yk4wfag/5/
我确实尝试了stacked: true,作为右y轴，但是没有效果。无论如何，有没有可能在右边得到相同的比例？

chart.js

来源：https://stackoverflow.com/questions/73709846/chart-js-line-chart-stacked-repeat-left-y-axis-on-the-right

1条答案

按热度按时间

egmofgnx1#

如果数据是静态的，就像在程式码中一样，您可以在'right-y-axis'上定义min和max选项，如下所示：

'right-y-axis': {
   min: 0,
   max: 6000,
   type: 'linear',
   position: 'right',
 },

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

我来回答

Chart.js堆积折线图：在右侧重复左侧Y轴

1条答案

相关问题

热门标签

最新问答