Javascript 如何更改海图雷达海图的背景系列颜色

Javascript 如何更改海图雷达海图的背景系列颜色,javascript,css,charts,highcharts,Javascript,Css,Charts,Highcharts,我正试图改变海图雷达图的背景色 正如你所看到的,这里只有该地区的边界线。我想让那个区域填充与边界相同的颜色。我想在系列中添加背景色:“红色”,即 series: [{ name: 'Similar', data: [100, 100, 100, 100, 100, 100], pointPlacement: 'on', backgroundColor: 'Red' }, { ... } 相反,这没有效果,图表看起来与上面

我正试图改变海图雷达图的背景色

正如你所看到的,这里只有该地区的边界线。我想让那个区域填充与边界相同的颜色。我想在系列中添加背景色:“红色”,即

series: [{
        name: 'Similar',
        data: [100, 100, 100, 100, 100, 100],
        pointPlacement: 'on',
        backgroundColor: 'Red'
    }, { ... }
相反,这没有效果,图表看起来与上面完全相同。如何用颜色填充此区域,我缺少了什么?

海图中的“雷达图”(又名“蜘蛛网”)只是一个带有颜色的常规图表

这意味着系列本身是常规类型,如“线”、“面积”等。在您的情况下,您似乎使用“线”。改为使用
键入:'area'
,然后填充该行下方的区域。如果希望背景为实心,可以选择提供
fillOpacity

例如():


可以为每个
系列设置系列类型
或在
图表中全局设置系列类型

非常感谢,您完美地回答了我的问题!
Highcharts.chart('container', {
    chart: {
        polar: true
    }
    series: [{
        type: 'area',
        fillOpacity: 1.0,
        data: [43000, 19000, 60000, 35000, 17000, 10000]
    }
});