Question

我想制作一个在y轴上具有百分比值的图表，但我无法在文档中找到任何选项。请提出一些答案

Answer 1

您可以执行以下操作：

如果您知道代表数据集中100％的绝对值，则可以将其传递给options对象：

com.sun.javafx.scene.control.behavior.CellBehaviorBase

Answer 2

不要认为有一个开箱即用的版本。您可能需要通过在设置图表之前计算百分比来手动执行此操作，例如按照此示例创建图表： https://stackoverflow.com/a/40438511/6638478

Answer 3

如果你有一个静态总数...说最大值为800，你可以显示这样的自定义刻度：

SELECT pid, age(query_start, clock_timestamp()), usename, query,state 
FROM pg_stat_activity 
WHERE query != '<IDLE>' AND query NOT ILIKE '%pg_stat_activity%' 
ORDER BY query_start desc;

Answer 4

使用toLocaleString函数

scales: {
  yAxes: [
    {
      ticks: {
        callback: function (value) {
          return value.toLocaleString('de-DE', {style:'percent'});
        },
      }
    },
  ],
},

Answer 5

我用它来为 yaxis 添加百分比-

const options = {
showLines: true,
scales: {
  yAxes: [
    {
      ticks: {
        min: 0,
        max: 100,
        stepSize: 20,
        callback: function (value) {
          return (value / this.max * 100).toFixed(0) + '%'; // convert it to percentage
        },
      },
      type: "linear",
      display: true,
      position: "left",
      id: "y-axis-1",
      gridLines: {
        drawOnArea: false,
      },
    },
  ],
},

};

Chart.js具有百分比值的条形图

5 个答案: