ChartJS v4 -极区图表比例

2o7dmzc5  于 2023-10-18  发布在  Chart.js
关注(0)|答案(1)|浏览(160)

我试图生成一个极面积图,其中径向尺度设置为100,而不是数据集的最大值,在我的情况下为80(79)。我试过在刻度选项和刻度选项中添加最小值和最大值,但似乎都不起作用。我知道这会随着chartjs的不同版本而变化-以前的版本-你可以按照这里的建议去做。Chart.js how define max tick of polarArea?这不再起作用。
下面是我的图表代码。

new Chart(ctx, {
    type: 'polarArea',
    data: {
      labels: ['USA', 'India', 'Australia'],
      datasets: [{
        label: '% of votes in favour',
        data: [79, 76.8, 67],
        backgroundColor: ['rgba(0,158,219,0.6)', 'rgba(219,0,82,0.6)', 'rgba(186,219,0,0.6)'],
        borderWidth: 1
      }]
    },
    options: {
      maintainAspectRatio: false,
      layout: {
        padding: 0
      },
      plugins: {
        legend: {
          position: "bottom",
            labels: {
                // This more specific font property overrides the global property
                font: {
                    size: 16,
                    
                }
            }
        }
    },
      scales: {
        y: {
          border: {
            display: false
          },
          ticks: {
            display:false,
    
          },
          beginAtZero: true,
          grid: {
            display: false,
  
           }
        },
        x: {
          min: 0,
           max: 100,
          border: {
            display: false
          },
          ticks: {
            display:false,
     
          },
          grid: {
            display: false,
           
           }
        },
        
      }
    }
  })
t3psigkw

t3psigkw1#

您定义了x和y比例尺,因此极坐标图使用径向比例尺,因此需要使用r

相关问题