Javascript Highcharts更改legendItemClick上的系列填充不透明度
我有一个带有两个面积系列的图表,第二个系列的fillOpacity为0.01,我想在单击第一个图例时更改该系列的fillOpacity。我该怎么做呢Javascript Highcharts更改legendItemClick上的系列填充不透明度,javascript,highcharts,opacity,legend,Javascript,Highcharts,Opacity,Legend,我有一个带有两个面积系列的图表,第二个系列的fillOpacity为0.01,我想在单击第一个图例时更改该系列的fillOpacity。我该怎么做呢 chart=新高度图表。图表({ 图表:{ renderTo:'容器', marginRight:130, marginBottom:25 }, xAxis:{ 类别:[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’, ‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’] }, 亚克斯:{ 标题:{ 文字:“温度(°C)”
chart=新高度图表。图表({
图表:{
renderTo:'容器',
marginRight:130,
marginBottom:25
},
xAxis:{
类别:[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’,
‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’]
},
亚克斯:{
标题:{
文字:“温度(°C)”
},
绘图线:[{
值:0,
宽度:1,
颜色:'#808080'
}]
},
工具提示:{
格式化程序:函数(){
返回“+this.series.name+”
+
这个.x+':'+这个.y+'°C';
}
},
图例:{
布局:“垂直”,
对齐:“右”,
垂直排列:“顶部”,
x:-10,
y:100,
边框宽度:0
},
系列:[{
名称:"东京",,
类型:'区域',
活动:{
legendItemClick:函数(){
chart.series[1]。fillOpacity=0.75;
chart.redraw();
}
},
数据:[7.0,6.9,9.5,14.5,18.2,21.5,25.2,26.5,23.3,18.3,13.9,9.6]
}, {
名称:'纽约',
类型:'区域',
fillOpacity:'0.01',
数据:[-0.2,0.8,5.7,11.3,17.0,22.0,24.8,24.1,20.1,14.1,8.6,2.5]
},
{
名称:'纽约',
类型:'区域',
fillOpacity:'0.01',
数据:[-0.2,0.8,5.7,11.3,17.0,22.0,24.8,24.1,20.1,14.1,8.6,2.5]
}]
});
您可以通过索引检查单击了哪个“图例中的链接”,然后修改arwa SVG对象(在序列行下)并设置您自己的背景
if((this.index==0) {
//set background for second serie
this.chart.series[1].area.attr({
fill:'rgba(170,70,67,0.5)'
});
}
if((this.index==0) {
//set background for second serie
this.chart.series[1].area.attr({
fill:'rgba(170,70,67,0.5)'
});
}