codevtool
beta
博客主题
Z-BlogPHP 1.7.3 主题制作
emlog 5.3.1 主题制作
第三方组件
Echarts图表生成
博客插件
正在开发中
桌面应用程序
正在开发中
安卓APP
正在开发中
浏览器插件
正在开发中
基础在线工具
颜色选择器
时间戳在线转换
正则表达式在线工具
字符串编码转换
进制转换
数据库结构查看
百度翻译
SVG矢量图形在线生成
随机密码
我的
模板制作
浏览器插件制作
51单片机
更新
注册
登陆
官方网站
https://echarts.apache.org/
使用方法
Echarts是一个优秀的 JavaScript 开源可视化图表库
Echarts版本
5.4.3
引入文件:<script src="echarts.js"></script>
但是功能很强大的同时它的配置参数也非常多
下载地址
https://echarts.apache.org/zh/download.html
定义容器:<div id="main" style="width: 600px;height:400px;"></div> 容器需要定义高度
本页面旨在让参数配置尽量简单快速且方便
说明
点击需要制作的图表,即可在线制作生成。
复制配置代码:<script type="text/javascript"></script> 到标签之间
一个无需任何代码基础的 Echarts 组件参数配置网页
折线图
面积图
柱状图/条形图
饼图/南丁格尔图
散点图/气泡图
带涟漪特效动画的散点图/气泡图
雷达图
树图
矩形树图
旭日图/圆环图
箱形图/盒状图/箱线图
k线图
热力图
平行坐标系
关系图
桑基图/有向无环图
漏斗图
仪表盘
象形柱图
主题河流图