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

Question

我们正在尝试将 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 加载 Highcharts (没有 js 子文件夹)。请注意，“Bananas”的饼图切片颜色不再与图例的颜色匹配。

这是为什么？

Answer 1

请参阅 Highcharts 文档 Sytled Mode使用 Highcharts 5 中引入的 CSS 进行样式设置。

最重要的是，“经典模式”文件直接位于根文件夹中，CSS 文件位于 js 子文件夹中。