我在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>
请测试另一个配置-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; }
覆盖。