使用樣式CSS時禁用「填充」屬性

我正在使用最新版本的highstock.js（v5.0.14），並且我的自定義樣式（使用CSS）正在被嵌入式填充屬性篡奪。使用樣式CSS時禁用「填充」屬性

例如，這個CSS：

.highcharts-color-0 { 
    fill: #2b908f; 
    stroke: #2b908f; 
}

是由這個HTML屬性覆蓋：

<path fill="rgba(124,181,236,0.75)" ... />

我期待禁用填充屬性。使用！重要不起作用。

這問題就來了之後，我升級到v5.0.14（以前使用v5.0.9裏的「填充」屬性是未使用）

來源

2017-08-10 Nick

如果你想改變折線圖的顏色，你還需要修改'.highcharts-graph'類。例如：http://jsfiddle.net/su4nnx41/。另外，你能否給我提供一個演示這個發生的地方？ –

沒有效果，使用v5.0.9時fill =「」屬性不存在。在v5.0.14中，fill =「」屬性存在，它覆蓋了我在CSS中設置的任何內容。 – Nick

你能否提供一個例子？ –

更改默認的顏色Highstock使用是一個更有效和持久的方式調用函數Highcharts.setOptions()（請參閱http://api.highcharts.com/highstock/Highcharts.setOptions）並在其中定義顏色。

例如，你可以做定義自己的顏色，如下所示：

Highcharts.setOptions({ 
    colors: [ 
     'blue', /* first color chosen */ 
     'red',  /* second color chosen */ 
     '#2b908f' /* third color chosen */ 
    ] 
});

在這段代碼，colors是值的數組。

Highstock將循環訪問該數組，並將它們用於圖表上繪製的每個系列。使用這個例子，第一個系列會用藍色填充顏色，第二個用紅色，第三個用十六進制值＃2b908f繪製。

將此代碼定義您的圖表選項，這樣它會繼承您所設置的之前。

我希望這有助於！

來源

2017-08-10 11:36:16

我真的不想用這種方式使用HTML/SVG樣式。我有一切設置使用CSS，它是導致問題的填充屬性;我需要一些如何將其從生成中移除（如v5.0.9中的情況） – Nick

您可以使用jQuery attr（）函數刪除特定屬性（例如填充）。例如：http://jsfiddle.net/cfprrywb/。 –

使用樣式CSS時禁用「填充」屬性

回答

相關問題