如何在甜甜圈图中制作最大值

Question

我正在使用reactJs和chartjs。

我要制作以下图表：

我有以下代码

var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
  type: 'pie',
  data: {
    labels: ['OK'],
    datasets: [{
      label: '# of Tomatoes',
      data: [12],
      backgroundColor: [
        '#0EA4EA',
      ],
      borderWidth: 1
    }]
  }, 
  options: {
      legend: {
          display: false
      },
      cutoutPercentage: 80,
      rotation: 0.75 * Math.PI,
      circumference: 1.5 * Math.PI,
      title: {
          display: true,
          position: 'bottom',
      },
      scale: {
          ticks: {
              min: 0,
              max: 150
          }
      }
   }
});

但是我找不到将圆弧的最大值设置为150的方法

here

Answer 1

我认为您需要指定非蓝色区域：

 labels: ['Ok', 'Not Ok'],
 datasets: [{
  label: '# of Tomatoes',
  data: [12, 138],
  backgroundColor: [
    '#0EA4EA',
  ],
  borderWidth: 1
}]