![](https://img-blog.csdnimg.cn/529c6406531f456a8d17046e2ac867f9.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
ECharts
文章平均质量分 83
ECharts 学习黑马程序员
SunACong
这个作者很懒,什么都没留下…
展开
-
ECharts交互API
交互API原创 2022-05-22 21:51:32 · 824 阅读 · 0 评论 -
ECharts动画使用
动画使用加载动画增量动画动画的配置加载动画<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>散点图</title> <!-- <script src="https://unpkg.com/vue@next"></script> --> <script src="js/lib/echarts.min.j原创 2022-05-22 12:01:43 · 702 阅读 · 0 评论 -
ECharts高级-显示相关
显示相关主题调色盘主题调色盘全局调色盘局部调色盘颜色渐变线性渐变径向渐变样式直接样式高亮样式自适应主题引入主题的步骤如果引入的是系统内置的主题 light dark直接在init方法第二个参数的位置填入引入其他主题需要先引入对应的js文件,然后init方法第二个参数放置图表代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>主题使用<原创 2022-05-22 11:07:50 · 417 阅读 · 0 评论 -
ECharts基础小结
基础小结各个图表的英文单词配置项柱状图折线图散点图饼图地图雷达图仪表盘直角坐标系通用配置使用场景各个图表的英文单词bar 柱状图line 折线图scatter、effectScatter 散点图 涟漪散点图pie 饼状图map 地图radar 雷达图gauge 仪表盘配置项柱状图折线图散点图饼图地图雷达图仪表盘直角坐标系通用配置使用场景柱状图:柱状图描述的是分类数据,呈现的是每一个分类中有多少折线图:折线图常用来分析数据随时间的变化趋势散点原创 2022-05-18 22:07:50 · 118 阅读 · 0 评论 -
ECharts仪表盘图
仪表盘常用配置主要用在进度把控以及数据范围的监测常用配置最大值最小值多根指针 指针风格<!DOCTYPE html><html lang=''en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-equiv='X-UA-Compatible原创 2022-05-18 21:55:29 · 561 阅读 · 0 评论 -
ECharts雷达图
雷达图常用配置分析多个维度的数据与标准数据的对比情况常用配置<!DOCTYPE html><html lang=''en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-equiv='X-UA-Compatible' content=''ie=ed原创 2022-05-18 21:42:04 · 522 阅读 · 0 评论 -
ECharts地图
地图常用配置常见效果在地理位置显示数据的差别常用配置缩放拖动名称显示初始比例缩放地图中心点<!DOCTYPE html><html lang=''en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-equiv='X-UA-Compat原创 2022-05-18 21:30:10 · 726 阅读 · 0 评论 -
ECharts饼状图
文章目录基本饼状图常见效果代码和图例帮助用户快速了解不同分类数据的占比情况基本饼状图数据由name和value组成的对象形成的数组series中的type设置为pie无须配置xAxis和yAxis常见效果显示文字格式化圆环南丁格尔图选中效果代码和图例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo原创 2022-05-18 20:20:25 · 889 阅读 · 0 评论 -
直角坐标系中的常用配置
文章目录原创 2022-05-17 22:46:47 · 122 阅读 · 0 评论 -
ECharts通用配置 柱状图 折线图 散点图
文章目录ECharts介绍快速入门ECharts介绍Echarts是一个使用Javascript实现的开源可视化库,兼容性强,底层依赖矢量图形库ZRender,提供直观丰富,交互丰富,可高度个性化定制的数据可视化图表快速入门引入echarts.min.js文件创建dom元素基于dom元素进行实例化echarts使用dom和echats配置显示图标<!DOCTYPE html><html><head> <meta charset="原创 2022-05-16 20:11:48 · 800 阅读 · 0 评论