ハイチャートの背景色を変更する方法レーダーチャート

Question

ハイチャートレーダーチャートの背景色を変更しようとしています。

あなたが地域のためのちょうど境界線があるか見ることができるように。私はその領域を境界線と同じ色で塗りつぶします。私はbackgroundColor: 'Red'をシリーズI.Eに追加すると考えました。

series: [{ 
     name: 'Similar', 
     data: [100, 100, 100, 100, 100, 100], 
     pointPlacement: 'on', 
     backgroundColor: 'Red' 
    }, { ... } 

これは効果がなく、チャートは上記と全く同じように見えます。このエリアを色で塗りつぶすにはどうしたらいいですか？

Answer 1

ハイチャートの「レーダーチャート」（別名「スパイダーウェブ」）は、polar: trueの単なる通常のグラフです。

これは、シリーズ自体が "line"、 "area"などの通常のタイプであることを意味します。あなたの場合は、「ライン」を使用しているようです。代わりにtype: 'area'を使用して切り替えてください。この場合、その行の下の領域が塗りつぶされます。バックグラウンドをソリッドにする場合は、オプションでfillOpacityを入力します。例（JSFiddle）として

：

Highcharts.chart('container', { 
    chart: { 
     polar: true 
    } 
    series: [{ 
     type: 'area', 
     fillOpacity: 1.0, 
     data: [43000, 19000, 60000, 35000, 17000, 10000] 
    } 
}); 

シリーズタイプは、個々seriesまたはグローバルchartのいずれかで設定することができます。