reactjs - 使用 Chartjs Radar - 如何修改灰色网格线？

Question

我使用 react-chartjs-2 在我的反应应用程序中有以下 Chart.js 雷达图渲染：

          <Radar
            data={chartData}
            options={{
              legend: false,
              gridLines: {
                 display: false,
              },
              scale: {
                gridLines: {
                  color: ['white', 'white', 'white', 'white', 'white', 'white', 'white', 'white']
                },
                pointLabels :{
                  fontSize: 12,
                },
                ticks: {
                  suggestedMin: 0,
                  suggestedMax: 10,
                  display: false,
                  maxTicksLimit: 5
                }
              }
            }}
          />

如何隐藏灰线和/或将颜色修改为白色？

Answer 1

如果你想隐藏灰线，

options: {
    scale: {
      gridLines: {
        color: 'transparent'
      },
      angleLines: {
        color: 'transparent' 
      }
    }
  }
};

现在如果你想让线条变白，只需将颜色从透明更改为白色

Answer 2

尝试添加angleLines到您的scale配置中。这个JSFiddle提供了一个包含大量配置更改的示例。

scale: {
    angleLines: {
        color: 'white' // lines radiating from the center
    }
}