2011-12-05 11 views
3

円グラフの不透明度を設定している間、IE8に問題があります。ハイチャートの円グラフの不透明度を設定する

.highcharts-point { 
    filter:alpha(opacity=40); 
} 

これを適用すると、円グラフのポイントが表示されなくなり、境界線が灰色になりました。

ソリューションを知っている人はいますか?

+1

あなたが解決策を見つけた場合、それが答えとしてそれを投稿し、答えを受け入れるために良いことです。 –

答えて

4

を解決:

var chart; 
$(document).ready(function() { 
    chart = new Highcharts.Chart({ 
     chart: { 
     renderTo: 'container', 
     defaultSeriesType: 'column' 
     }, 
     xAxis: { 
     categories: ['1','2'] 
     }, 
     plotOptions: { 
     column: { 
      pointPadding: 0.2, 
      borderWidth: 0 
     } 
     }, 
      series: [{ 
     name: 'Tokyo', 
     data: [95.6, 54.4] 

     }, { 
     name: 'New York', 
     data: [106.6, 92.3] 

     }, { 
     name: 'London', 
     data: [59.3, 51.2] 

     }, { 
     name: 'Berlin', 
     data: [46.8, 51.1], 
     color: 'rgba(150,100,50,0.5)' 

     }] 
    }); 


}); 

は色であっ定義された最後のシリーズに注意してください。

0

これを試してみてください:

chart = new Highcharts.Chart({ 
    chart: { 
    renderTo: 'container', 
    defaultSeriesType: 'column', 
    type: 'area', //this is also needed 
    }, 
    plotOptions: { 
     series: { 
      fillOpacity: 0.1 
     } 
    }, ... 

jsfiddle:http://jsfiddle.net/4HkXf/1/

関連する問題