ChartJS v4 - 极地面积图比例尺

问题描述 投票:0回答:1

我正在尝试生成极坐标面积图,其中径向刻度设置为 100,而不是数据集的最大值,在我的例子中为 80 (79)。我尝试将最小值、最大值添加到刻度选项和刻度选项中,但似乎没有任何效果。我知道这随着图表 js 的不同版本(以前的版本)而有所不同,您可以按照此处的建议进行操作。 Chart.js 如何定义 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,
           
           }
        },
        
      }
    }
  })
chart.js
1个回答
0
投票

您定义了 x 和 y 比例,为什么极地面积图使用径向比例,因此您需要使用

r
来代替

© www.soinside.com 2019 - 2024. All rights reserved.