2011-07-13 7 views
2

は、私がデータラベルのスタイルにtextShadowプロパティを設定しようとしているラベルが、それは動作しません(無視):Highcharts - データのtextShadowを設定する方法

var chart = new Highcharts.Chart({ 
    chart: { 
    renderTo: 'container' 
    }, 
    xAxis: { 
    categories: ['Jan', 'Feb', 'Mar', 
       'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    plotOptions: { 
    series: { 
     dataLabels: { 
     enabled: true, 
     style: { 
      fontWeight:'bold', 
      textShadow: "2px 2px #ff0000", 
     } 
     } 
    } 
    }, 

    series: [{ 
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 
      176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]   
    }] 
}); 

http://jsfiddle.net/TJFBy/

がありますデータラベルにドロップシャドウを適用する方法は?理由は、ラベルをグラフ線に似たようにするためです。

+1

あなたは追加の情報を提供してもらえますか?私はChromeでこれを見ていますが、これは正常に動作しています... – NT3RP

+0

@ NT3RP、あなたは正しいです。 ChromeとSafariで動作しますが、Opera、IE9、FF5では動作しません。 – al0

答えて

1
  • あなたはフィドルで作業している場合、あなたは現在のjQueryライブラリ(あなたはjQueryの1.4で作業している)あなたはhightcharts APIをロードする必要が

  • を変更する必要があります。

    <script src="http://code.highcharts.com/highcharts.js"></script> 
    
  • そして、あなたは textShadowの隣に「コンマ」(、)削除する必要があります。「2ピクセル2ピクセルの#FF0000の」ラインを、多くのブラウザはsintaxエラー(特にIE)でスクリプトコードをレンダリングしていない

チェックfiddle fixed

関連する問題