ChartJS React图表js-2始终保持x轴为0%至100%

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

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

我正在尝试创建一个react-chartjs-2条形图。
我希望保持x轴始终为0%到100%。
现在，图形仅在x轴上显示最大值%（如果x值为80%，则x轴最大值设置为80）

scales: {
  x: {
    ticks: {
      color: "white",
      beginAtZero: true,
      max: 100%,
    },
    grid: {
      display: false, // Hide x grid
    },
  },
  y: {
    ticks: {
      color: "white",
    },
    grid: {
      display: false, // Hide y grid
    },
  },
},

chart.js

来源：https://stackoverflow.com/questions/72372562/react-chartjs-2-keep-x-axis-always-0-to-100

1条答案

按热度按时间

wpcxdonn1#

查看docs for the Chart component options，它们指向Chart.js docs，其中最大比例设置在scale属性下，您在ticks属性中有它，请尝试：

...
  x: {
    ticks: {
      color: "white",
      beginAtZero: true,
    },
    grid: {
      display: false, // Hide x grid
    },
    max: 100,
  },
...

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

我来回答

ChartJS React图表js-2始终保持x轴为0%至100%

1条答案

相关问题

热门标签

最新问答