Echarts

1.简介:
Echarts,全称Enterprise Charts。一个使用JavaScript实现的开源可视化库,涵盖各个企业中使用到的商业级数据图表,满足各种需求。能够在PC端以及移动设备上流畅运行,兼容当前绝大部分的浏览器(IE8/9/10/11,Chrome,Firefox,Safari等)以及兼容多种设备。底层依赖矢量图形库 Zrender,提供直观,交互丰富,可个性化定制的数据可视化图表。

2.类型:
提供了常规的折线图、柱状图、饼图、散点图、地理坐标图/地图、K线图、雷达图、盒形图、热力图、关系图、树图、旭日图、平行坐标图、漏斗图、仪表盘等。可到官网查看所有示例。https://echarts.apache.org/zh/index.html.
在这里插入图片描述
3.安装:
下载地址:https://echarts.apache.org/zh/download.html.

4.配置语法:
(1)创建HTML页面,引入echarts.min.js:
在这里插入图片描述
(2)绘制图表,准备一个具备高宽的容器:
在这里插入图片描述
(3)设置配置信息:
获取DOM容器
在这里插入图片描述指定图表的配置项和数据

标题:
Title:{text:“标题”}

提示信息:
Tooltip:{}

图例:
legend:{data:[“系列”]}

X轴:
xAxis:{ 配置要在X轴显示的项 }

Y轴:
yAxis:{ 配置要在Y轴显示的项 }

系列列表:
series:[{name:“系列名称”, type:“图表类型”, data:[“数据”]}]

5.实例:

(1)js源代码:
在这里插入图片描述
(2)效果图:
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值