Highcharts：關於懸停的堆疊條形圖更改不透明度

我正在使用來自Highcharts的堆疊條形圖。現在圖表的不透明度是.3或30％;懸停時，我想將不透明度更改爲100％或1;我想保持相同的顏色。Highcharts：關於懸停的堆疊條形圖更改不透明度

我能得到這個工作，如果它是通過做懸停條形圖：{顏色：「RGBA（161，163，163，1）」}

我有用於堆疊條形圖問題。

$(container).highcharts({ 
 
     chart: { 
 
      type: 'column', 
 
      marginTop: 70, 
 
      marginRight: 100, 
 
      marginLeft: 70 
 
        //width: 1000 
 
     }, 
 
     title: { 
 
      text: '' 
 
     }, 
 
     credits: { 
 
      enabled: false 
 
     }, 
 
     xAxis: { 
 
      categories: displayData, 
 
      labels: { 
 
       rotation: -90 
 
      } 
 
     }, 
 
     yAxis: { 
 
      min: 0, 
 
      ceiling: 100, 
 
      title: { 
 
       text: '' 
 
      } 
 
     }, 
 
     tooltip: { 
 
      formatter: function() { 
 
       return '<b>' + this.x + '</b><br/>' + 
 
         this.series.name + ': ' + this.y + '<br/>'; 
 
      } 
 
     }, 
 
     plotOptions: { 
 
      column: { 
 
       stacking: 'normal' 
 
      }, 
 
      area: 
 
      { 
 
       fillOpacity:.99 
 
      }, 
 
      series: { 
 
       stacking: 'normal', 
 
       states: { 
 
        hover: { 
 
         lineWidthPlus: 5 
 

 
        } 
 
       } 
 
      } 
 
     }, 
 
     series: [{ 
 
       name: '% of ' + firstSeriesName, 
 
       data: firstSeriesData, 
 
       color: 'rgba(227, 24, 55, .3)', 
 
       borderRadiusTopLeft: 3, 
 
       borderRadiusTopRight: 3 
 
      }, 
 
      { 
 
       name: '% of ' + secondSeriesName, 
 
       data: secondSeriesData, 
 
       color: 'rgba(64, 154, 64, .3)', 
 
       borderRadiusTopLeft: 3, 
 
       borderRadiusTopRight: 3 
 
      }], 
 
     navigation: { 
 
      buttonOptions: { 
 
       height: 40, 
 
       width: 48, 
 
       symbolSize: 24, 
 
       symbolX: 23, 
 
       symbolY: 21, 
 
       symbolStrokeWidth: 2, 
 
       borderRadiusTopLeft: 5, 
 
       borderRadiusTopRight: 5 
 
      } 
 
     } 
 
    });

來源

2014-09-22 Jackal

可以定義顏色像這樣

states: { 
    hover: { 
    color: 'rgba(68, 188, 93, 1)' 
    } 
}

每個系列

。

基於您的代碼示例 - http://jsfiddle.net/tosx33ae/1/

來源

2014-09-23 14:33:41

非常感謝。這解決了我的問題。 – Jackal 2014-09-23 15:39:29

Highcharts：關於懸停的堆疊條形圖更改不透明度

回答

相關問題