web前端全系列 教程
1839个小节阅读:2243.4k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
最简单的更改全局样式的方式,是直接采用颜色主题(theme)
ECharts5 除了一贯的默认主题外,还内置了'dark'
主题
xxxxxxxxxx
var myChart = echarts.init(document.getElementById('main'),'dark')
ECharts提供了主题编辑器,也可以使用这个主题编辑器,自己编辑主题。下载下来的主题可以这样使用
主题编辑器
https://echarts.apache.org/zh/theme-builder.html
主题文件
主题文件分为
js
文件和json
文件
- 如果主题保存为 JSON 文件,则需要自行加载和注册
- 如果保存为 UMD 格式的 JS 文件,文件内部已经做了自注册,直接引入 JS 即可
xxxxxxxxxx
<!DOCTYPE html>
<html lang="en">
<head>
<script src="./echarts.js"></script>
<script src="./essos.js"></script>
</head>
<body>
<div id="main"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'),'essos');
</script>
</body>
</html>