Highcharts工具提示陰影角度

我正在爲Highcharts創建主題，需要能夠在工具提示上配置陰影角度。在某些配置區域中，陰影允許有一個對象（例如：plotOptions.pie.dataLabels.shadows），但似乎shadow setting on tooltip不允許這樣做。是否有我失蹤的解決方法或全局設置？Highcharts工具提示陰影角度

來源

2013-07-05 Mimi Flynn

你可以把CSS樣式上的提示，以這種方式，你可以設置你的影子像：

首先禁用默認的影子：

tooltip: { 
    valueSuffix: '°C', 
    shadow:false, 
    useHTML:true, 
    formatter: function() { 
     return '<div class="tooltip">Test</div>'; 
    } 
    // Replace "Test" with the formatter you want, there are good examples 
    // on their website. 
}

，並設置風格

div.tooltip { 
    -moz-box-shadow: 20px 20px 20px #888; 
    -webkit-box-shadow: 20px 20px 20px #888; 
    box-shadow: 20px 20px 20px #888; 
}

：你的工具提示0

下面是一個生動的例子：http://jsfiddle.net/PKFSs/

因此，你可以在你的工具提示上做任何你想做的事情。

編輯： 如果您不能使用CSS：

formatter: function() { 
    return '<div class="tooltip" style="-webkit-box-shadow: 20px 20px 20px #888;box-shadow: 20px 20px 20px #888;">Test</div>'; 
}

我知道這是不是最好的方法，我試圖找到一個更好的解決方案，但這個工作。

來源

2013-07-05 18:50:28

'formatter'是一個很好的調用。我需要能夠將整個主題打包成一個.js文件，但我不能包含CSS。這是一個基礎設施項目，並要求所有部門將5行css包含在單獨的文件中不是一個選項。不過，我會看看我能用'formatter'選項做些什麼。 –

我會upvote這個答案，但我沒有指出...對不起。 –

似乎有沒有簡單的選擇做到這一點......我認爲我的解決方案將是實現/簡單的最佳時間...... –

Highcharts工具提示陰影角度

回答

相關問題