一,今日学习内容:
1.Echartsday01
数据可视化
需要技能:
JavaScript70%
html20%
css10%
插件----js插件
性能好,可流程运行PC与移动端
兼容性主流浏览器
提供很多常用图表,也可以定制化开发
使用步骤
1.引入--bootcdn
2.准备一个盒子,有宽高大小的dom容器
3.初始化实例对象
4.指定配置项和数据option
5.将配置向给echarts实例对象
echarts中通用属性
title:标题
tooltip:提示框组件
tooltip:提示框组件
toolbox:echarts提供的工具栏,配置在option中
lengend:图例对象
分支主题 4
主要配置:
series:系列列表,每个系列通过type决定自己的图表类型
xAxis:直角坐标系grid中的x轴
grid:直角坐标系内绘图网格
grid:直角坐标系内绘图网格
color:调色盘颜色列表
color:调色盘颜色列表
|