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]
}
});