如何更改Highcharts Radar图表的背景系列颜色

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的常规图表。

这意味着该系列本身属于常规类型，如“line”，“area”等。在您的情况下，您似乎使用“line”。而是切换到使用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全局设置。