使用样式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时禁用“填充”属性

回答

相关问题