Question

我使用的是最新版本的highstock.js（v5.0.14），我的自定义样式（使用CSS）被内联填充属性篡改。

例如，这个CSS：

<ComboBox Name="dpRooms" ItemsSource="{Binding}" DisplayMemberPath="RoomId" Grid.Column="1"/>

被这个HTML属性覆盖：

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

我希望禁用fill属性。使用！important不起作用。

此问题出现在我升级到v5.0.14之后（之前使用的是v5.0.9，其中＆＃34; fill＆＃34;属性未被使用）

Answer 1

更改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绘制。

将此代码放在之前定义图表选项，以便它继承您设置的内容。

我希望这有帮助！

禁用＆＃34;填充＆＃34;使用Styled CSS时的属性

1 个答案: