2026/6/9 20:49:18
网站建设
项目流程
中国建设行业峰会网站,asp.net 获取网站域名,建设一个购物网站的费用,微信小程序制作教程视频亮色与暗色自适应主题允许你在仪表盘的亮色主题和暗色主题之间切换。 要使用亮色与暗色主题#xff0c;你需要导入 dashboards.css 文件。
import https://code.highcharts.com/dashboards/css/dashboards.css;接下来#xff0c;如果你的仪表盘包含带有Highchar…亮色与暗色自适应主题允许你在仪表盘的亮色主题和暗色主题之间切换。 要使用亮色与暗色主题你需要导入dashboards.css文件。importhttps://code.highcharts.com/dashboards/css/dashboards.css;接下来如果你的仪表盘包含带有Highcharts图表的组件你可能 想要应用自适应的Highcharts主题。有两种方式为 Highcharts 加载adaptive.js主题.scriptsrchttps://code.highcharts.com/themes/adaptive.js/script或者, 使用 styledMode 并导入https://code.highcharts.com/dashboards/css/dashboards.css。为所有包含图表的组件启用styledMode选项。你可以通过在组件配置中将styledMode选项设置为true来实现。{type:Highcharts,renderTo:chart-container,chartOptions:{chart:{styledMode:true}...}...}或者你可以通过使用setOptions 方法在全局设置此选项。Highcharts.setOptions({chart:{styledMode:true}});媒体查询与类名默认情况下主题通过prefers-color-scheme媒体查询设置为系统默认主题。你也可以通过将highcharts-light或highcharts-dark类应用到仪表盘容器上强制使用特定的配色方案。dividcontainerclasshighcharts-dark示例使用仪表盘下方的单选按钮来切换主题。