栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 前沿技术 > 大数据 > 大数据系统

Echarts可视化js图表库笔记---kalrry---ing

Echarts可视化js图表库笔记---kalrry---ing

Echarts可视化js图表库笔记---kalrry---ing

一、简介二、npm 获取三、基本实现四、title 配置五、tooltip六、series 系列七、legend 图例

一、简介

echarts是一个开源的js‘图表库 就是完成大数据可视化 也是下载企业中比较主流的图表库

兼容绝大多数浏览器

高度定制化我们数据可视化图表

可以高效的完成 折线图 柱状图 散点图 K线图等待

二、npm 获取
npm install echarts --save
三、基本实现





#main{
  width: 500px;

  height: 500px;
}

四、title 配置

https://echarts.apache.org/zh/option.html#title.text






#main{
  width: 500px;

  height: 500px;
}

五、tooltip

设置提示框组件的一个属性

https://echarts.apache.org/zh/option.html#tooltip.show






#main{
  width: 500px;

  height: 500px;
}

六、series 系列

系列 在echarts中 系列的意思是指 一组数值生成他们所映射的图

七、legend 图例

对当前的系列进行标记 它可以通过点击来控制显示对应的内容

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/706774.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号