2016-03-12 162 views
0

當編碼一個柱形圖與細目:Highcharts柱,除了向下鑽取列

呈現模糊黑色數據的標籤的主流程圖。但是當它們被點擊時,下一列(打開的鑽出的列)是完美的(白色,沒有模糊,非常可讀)。 我找到了一個解決辦法,宣佈:

.highcharts-drilldown-data-label TEXT { color: #FFFFFF !important; text-shadow: 0 0 0px white !important; fill: white !important } 

嘗試刪除上面的選擇,檢查結果:https://jsfiddle.net/marcelbonnet/pjb5dw9q/1/

現在,是它在highcharts或錯誤也許我的一些錯誤呢?我甚至嘗試改變jQuery版本,但沒有影響。

+2

您使用哪種瀏覽器?我在最新的Chrome中進行了測試,標籤上印有陰影。 –

+0

@SebastianBochan,很抱歉拖延。我使用Chrome 28,但最近升級到48。刪除CSS選擇器的同樣的問題。 – monovox

回答

2

(我會發表評論,但我沒有足夠的積分。)

對我來說,它看起來像一個bug。如果您不包括drilldown.js您的小提琴按預期工作。我會用css運行。

注意,小提琴不FF工作,除非TEXT是小寫:

.highcharts-drilldown-data-label text {...} 

您可能需要做的https://github.com/highcharts/highcharts/issues

+0

你說得對,FF的選擇器應該是小寫的。完成:https://github.com/highcharts/highcharts/issues/5145 – monovox

1

與highcharts手解決報告錯誤GitHub上的支持:https://github.com/highcharts/highcharts/issues/5145#issuecomment-200878598

這裏的一個例子:https://jsfiddle.net/pjb5dw9q/6/

問題與風格有關,因爲默認情況下它是用下劃線和藍色來邀請進行交互。請參閱api.highcharts.com/highcharts#drilldown.activeDataLabelStyle。

添加下面的代碼解決了它給我。

drilldown: { 
       activeDataLabelStyle: { 
           color: 'blue' //style to invite interaction 
      },