2个highcharts源之间的Highcharts样式行为差异

Posted 2021-05-05

我们正在尝试将highcharts与我们的风格相结合

当使用来自https://code.highcharts.com/js/highcharts.js的代码时，它可以工作，但是当使用来自https://code.highcharts.com/highcharts.js的代码时，我们遇到了问题。

//good
<script src="https://code.highcharts.com/js/highcharts.js"></script>

//bad
<script src="https://code.highcharts.com/highcharts.js"></script>

看看这里找到的工作版本：https://codepen.io/alfein/pen/YLevxo。不修改html以从https://code.highcharts.com/highcharts.js（没有js子文件夹）加载高级图表。请注意，'Bananas'的饼图切片颜色不再与Legend的颜色相匹配。

这是为什么？

答案

请参阅Highcharts文档Sytled Mode，了解使用Highcharts 5引入的CSS样式。

底线是“经典模式”文件直接位于根文件夹中，CSS文件位于js子文件夹中。