Echarts
关注
分享
扫一扫
文章平均质量分 67
请问大家代码怎么敲
这个作者很懒，什么都没留下…
展开
-
07-ECharts显示相关(主题、调色盘、图表自适应)、动画相关(图表加载动画、增量动画、动画配置项)、交互API(全局echarts对象的方法、echartsInstance对象的方法)
目录内置主题自定义使用主题内容调色盘的使用颜色渐变样式的使用图表自适应的实现内置主题Echarts中默认内置了两套主题:light dark在初始化对象方法init中可以指明init有两个参数,第一个参数是dom节点,第二个参数是主题默认内置了两套主题 , light dark var mCharts = echarts.init(document.querySelector("div"), 'dark')lightdark除此之外我们也可以自定义主题自定义使用主题内容1.在原创 2021-05-15 15:52:26 · 369 阅读 · 0 评论 -
06-Echarts雷达图、仪表盘的基本实现
目录雷达图特点雷达图基本实现仪表盘的特点仪表盘的基本实现雷达图特点雷达图可以用来分析多个维度的数据与标准数据的对比情况雷达图基本实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e原创 2021-05-15 11:50:03 · 273 阅读 · 0 评论 -
05-Echarts矢量地图实现、及常见效果
目录矢量地图实现流程矢量地图实现代码矢量地图实现流程ECharts最基本的代码结构准备中国地图的矢量数据使用Ajax获取矢量地图数据在Ajax的回调函数中注册地图矢量数据 echarts.registerMap(‘chinaMap’, 矢量地图数据)配置geo的type为’map’, map为’chinaMap’矢量地图实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="U原创 2021-05-15 11:17:57 · 1073 阅读 · 0 评论 -
04-Echarts饼图的基本实现、常见效果
目录饼图的特点饼图的基本实现显示文字格式化圆环效果南丁格尔图(根据百分比展现的图)选中效果饼图的特点饼图可以很好地帮助用户快速了解不同分类的数据的占比情况饼图的基本实现不需要配置xAxis和yAxis<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in原创 2021-05-13 21:24:28 · 631 阅读 · 0 评论 -
03-ECharts直角坐标系的常用配置grid、axis、dataZoom
目录grid(直角坐标系内绘图网格)axis(坐标轴axis坐标轴分为x轴和y轴)dataZoom(区域缩放)grid(直角坐标系内绘图网格)直角坐标系内绘图网格，单个 grid 内最多可以放置上下两个 X 轴，左右两个 Y 轴。可以在网格上绘制折线图，柱状图，散点图（气泡图）。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie原创 2021-05-13 20:45:03 · 797 阅读 · 0 评论 -
02-Echarts散点图基本实现、气泡图、涟漪效果等
目录散点图特点散点图实现方法散点图基本实现气泡图涟漪动画效果散点图特点散点图可以帮助我们推断出变量间的相关性比如身高和体重的关系散点图也常用在地图的标注上散点图实现方法1.x轴数据和y轴数据:都是二维数组比如 [[‘身高’,体重],[‘身高’,体重],…]2.图标类型:在series下设置type:scatter xAxis和yAxis的type都要设置为value3.调整将坐标轴都设置为脱离0值比例,scale:true散点图基本实现<!DOCTYPE html><原创 2021-05-12 22:12:29 · 2022 阅读 · 0 评论 -
01-Echarts折线图基本实现、最大值、最小值、堆叠折线图等等
目录Echarts折线图基本实现特点最大值、最小值、平均值、标注区间显示折线线条平滑效果、风格、填充效果紧挨边缘脱离0值比例堆叠折线图Echarts折线图基本实现特点折线图常用来分析数据随时间的变化趋势<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,原创 2021-05-12 21:22:54 · 4812 阅读 · 0 评论