时间戳

首页 > 解决方案 > 设置 Highcharts styledMode: true 加载 CSS 失败

css - 设置 Highcharts styledMode: true 加载 CSS 失败

问题描述

我在使用 Highcharts 样式模式时遇到问题 - 我不明白如何使用 CSS 来覆盖标准样式。当 styledMode 设置为“false”时，我的图表看起来很好，但是当我设置为“true”时，我得到的只是一个黑色的大背景。

如果 CSS 文件加载失败，似乎会出现黑色背景。这是我在我的网站 CSS 中包含的内容：

@import 'https://code.highcharts.com/css/highcharts.css';

这是我的 JFiddle：https ://jsfiddle.net/d7ua3450/

这里的 Highcharts 文档对此并不清楚——它告诉我我需要创建一个自定义 CSS 文件，但没有指出它应该去哪里......它是我网站的一般 CSS 文件的一部分还是其他地方？如果是后者，我如何链接到它？

标签： csshighcharts

解决方案

因此，当styledMode设置为 true 时，所有内联样式都被禁用，因此图表没有任何样式选项 - 这就是必须导入 CSS 选项的原因。

看看默认的 Highcharts CSS 文件是什么样子的：https ://code.highcharts.com/css/highcharts.css

看看这个演示，其中所有选项都刚刚粘贴 - 您可以轻松更改每个选项。

演示：https ://jsfiddle.net/BlackLabel/a3torm6g/

chart: {
   styledMode: true
}

推荐阅读