Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highcharts更改legendItemClick上的系列填充不透明度_Javascript_Highcharts_Opacity_Legend - Fatal编程技术网

Javascript Highcharts更改legendItemClick上的系列填充不透明度

Javascript Highcharts更改legendItemClick上的系列填充不透明度,javascript,highcharts,opacity,legend,Javascript,Highcharts,Opacity,Legend,我有一个带有两个面积系列的图表,第二个系列的fillOpacity为0.01,我想在单击第一个图例时更改该系列的fillOpacity。我该怎么做呢 chart=新高度图表。图表({ 图表:{ renderTo:'容器', marginRight:130, marginBottom:25 }, xAxis:{ 类别:[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’, ‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’] }, 亚克斯:{ 标题:{ 文字:“温度(°C)”

我有一个带有两个面积系列的图表,第二个系列的fillOpacity为0.01,我想在单击第一个图例时更改该系列的fillOpacity。我该怎么做呢

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