2017-10-15 12 views
0

私は私の反応-chartjs-2を使用してアプリを反応させるのに次のChart.jsレーダーグラフのレンダリングがありますChartjsレーダーで - グレーのグリッド線を変更するには?

example

  <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 
       } 
       } 
      }} 
      /> 

どのように私は灰色の線を隠し、および/または色を白に変更することができますが?

おかげ

答えて

1

は、あなたのscale設定にangleLinesを追加してみてください。このJSFiddleは多くの設定変更を伴う例を提供します。

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

あなたは灰色の線を非表示にする場合、今、あなたは、ライン白を作るだけで白

に透明から色を変更したい場合は

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

関連する問題