# 快速使用

TIP

该图表规范是基于 Apache ECharts 基础上再次开发,提供了深、浅两套背景主题,包含纯色及渐变方案,提取业务中高频使用的图表样例,重点对图表的视觉样式及交互效果进行升级改造。

# 📦 安装和引入


 

// 请参考官方文档获取并引入 Apache ECharts
https://echarts.apache.org/handbook/zh/get-started
1
2

# 🧀 使用

切换到图表示例 AllCharts 中,选择主题,点击下载








 

// 1.读取该 JSON 文件;
import ThemeConfig from 'themes/default.json'

// 2.调用 echarts.registerTheme('customed', obj) 注册主题;
Echarts.registerTheme('customed', ThemeConfig.theme)

// 3.使用 echarts.init(dom, 'customed') 创建图表,第二个参数即为刚才注册的主题名字。
Echarts.init(chartDom, 'customed')
1
2
3
4
5
6
7
8

# ✌ 更多配置

请打开单个图表,查看对应的配置源码

上次更新: 6/6/2023, 2:01:40 PM