如何更改Highcharts雷達圖的背景系列顏色

Question

我正在嘗試更改我的Highchart雷達圖的背景顏色。

正如你可以看到有隻是該區域的邊界線。我希望該區域填充與邊框相同的顏色。我想添加backgroundColor: 'Red'到系列I.E.

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

代替此沒有任何效果與圖表看起來完全與上述相同。我怎樣才能用這種顏色填充這個區域，我錯過了什麼？

Answer 1

在Highcharts的「雷達圖」（又名「蜘蛛網」）只是一個常規的圖表polar: true。

這意味着該系列本身是「線」，「區域」等常規類型。在你的情況下，你似乎使用「線」。而是切換到使用type: 'area'，然後將填充該行下面的區域。如果您希望背景堅實，可以選擇提供fillOpacity。

作爲一個例子（JSFiddle）：

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

該系列類型可以爲chart每個單獨series或全局設置任一。