Apache ECharts

本文最后更新于:2022年11月3日 下午

安装

1
pnpm i echarts

初始化图表容器

获取一个渲染图表的容器,初始化时可传入图表尺寸,默认为容器尺寸

可订阅窗口的resize事件实现响应式

1
2
3
4
5
6
7
8
const CHART_DOM = document.getElementById('chart')

const myChart = echarts.init(CHART_DOM, 'dark', {
width: 900,
height: 500
})

window.onresize = () => meChart.resize()

Option

option对象用于配置图表数据与数据显示

1
2
3
4
5
6
7
8
9
10
const OPTION = {
title: {

},
series: {

}
}

myChart.setOption(option)

Apache ECharts
https://qingshaner.com/ApacheECharts学习/
作者
清山
发布于
2022年10月15日
许可协议