Highchart的线条颜色在wordpress页面中没有改变

问题描述 投票:0回答:1

我在wordpress页面中包含了一个stockChart。更改系列标记的颜色是可行的。但是,更改线条颜色没有任何效果。我想这个问题根源于图表和wordpress之间的相互作用,因为以下代码在浏览器中打开时按预期显示。有人遇到过这个问题吗?

显示此行为的最小示例:

<html>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/data.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
<script src="https://code.highcharts.com/stock/modules/export-data.js"></script>    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<body>
    <div id="container"></div>
</body>

<script>
chart = Highcharts.stockChart(container, {
    chart: {
        type: 'spline',
    },
    title: {
        text: 'testplot',
    },
    series: [
        {
           name: 'testdata',
           data: [[1000000, 1],[1010000, 2],[1020000, 3],[1030000, 4]],
           color: '#FF0000',
           lineColor: '#000000',
        },    
    ]
});

</script>
</html>
wordpress highcharts
1个回答
0
投票

请测试另一个配置-color属性定义线条颜色和标记颜色将以这种方式设置:

 series: [{
    name: 'testdata',
    data: [
      [1000000, 1],
      [1010000, 2],
      [1020000, 3],
      [1030000, 4]
    ],
    color: '#000000',
        marker: {
            fillColor: '#FF0000'
        }
  }]

演示:https://jsfiddle.net/BlackLabel/74v9xken/

API:https://api.highcharts.com/highcharts/series.line.marker.fillColor


编辑:

根据评论:样式已被SCSS默认配置-.highcharts-graph { stroke:#FF7096; }覆盖。

© www.soinside.com 2019 - 2024. All rights reserved.