Echarts学习宝典

1,可以使用百度图说中的图表代码复制到option中,还可在百度图说中以可视化的方式编辑数据,调整参数和编辑样式。(也可借助百度图说更改部分样式)

2,借助网站 https://echarts.baidu.com/echarts2/doc/example/themeDesigner.html# 快速查看需要的属性和配置

3,数据格式化定制:formatter:"{a}
{b}:{c}({d}%)"
---需要什么写什么
a(系列名称),b(数据项名称),c(数值),d(饼图:百分比 | 雷达图:指数名称)

4,辅助线只有3.x的版本支持;拖拽重新计算功能只有2.x的版本支持。

5,avoidLabelOverlap:防止标签重叠

6,使用地图图表时,需要先下载并引入该地图,如:显示中国地图,则先下载中国地图,并引入China.js的script,Echarts中有地图下载

7,展示多个表,并表和表之间有联动时: 分别配置多个表,并通过connect关联起来,进行联动。如:echarts.connect([myChart1,myChart2]);

8,自定义主题:(1)下载主题;(2)引用主题JS文件;(3)初始化主题
官网还可自定义

9,异步加载数据或更新时:可借助loading,使交互性更好。

posted @   小蜗蜗蜗牛^o^  阅读(195)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示