菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 解婵-20221116-echartsday01 [打印本页]

作者: 美什么鱼 时间: 2022-11-23 22:05
标题: 解婵-20221116-echartsday01

Echarts---day01

数据可视化，开源的图标库

需要掌握技能：JavaScript:70%，html:20%，css:10%

JS插件

性能好，可流程运行PC与移动端

兼容主流浏览器

提供很多常用图标，也可以定制化开发

使用步骤1.引入---bootCDN
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.4.0/echarts.min.js"></script>
2.准备一个盒子，有宽高大小的dom容器
3.初始化实例对象
4.指定配置项和数据option
5.将配置向给echarts实例对象echarts中通用属性title：标题
tooltip：提示框组件
toolbox：echarts提供的工具栏，配置在option中
lengend:图例对象主要配置series:系列列表，每个系列通过type决定自己的图表类型
xAxis：直角坐标系grid中的x轴
grid：直角坐标系内绘制网格
color：调色盘颜色列表

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)