Highcharts - 如何設置textShadow數據標籤

我想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/

是否有將投影應用於數據標籤的方法？原因是使標籤看起來類似於圖線。

來源

2011-07-13 al0

你能否提供更多信息？我正在Chrome瀏覽器中查看此內容，並且此工作正常...... – NT3RP

@ NT3RP，您是對的。它適用於Chrome和Safari，但不適用於Opera，IE9和FF5。 – al0

如果您在撥弄工作，你應該改變目前的jQuery庫（你正在使用jQuery 1.4工作）

你需要下載hightcharts API。

<script src="http://code.highcharts.com/highcharts.js"></script>

而且你應該刪除 '逗號'（，）旁邊 textShadow：「2px的2px的＃FF0000」線，許多瀏覽器不渲染sintax錯誤（尤其是IE）腳本代碼

檢查fiddle fixed

來源

2015-05-21 17:15:43

Highcharts - 如何設置textShadow數據標籤

回答

相關問題