GAARA

零.准备和说明1.最终页面效果2.资源地址一.网页布局1.网页结构分析2.其他准备3.完整代码index.htmlcss/index.scss4.效果5.知识点5.1.伪类选择器:after 选择器,:before和content属性示例counter-increment函数5.2.z-index属性示例:图片设置 z-index: -1, 会显示在文字之后5.3.动画animate和关键帧@keyframe示例animation的属性值:动画执行时间 延迟时间 执行关键

Echarts的基础配置1.color:调色盘颜色列表2.title:标题组件2.1.设置图表的标题2.2.同时主标题和副标题(了解)3.tooltip:提示框组件触发类型4.legend:图例组件5.toolbox:工具箱组件5.1.saveAsImage:可以另存为图片等功能,即下载按钮5.2.dataZoom:区域缩放5.3.dataView:数据视图,转化为本文格式5.4.restore:还原5.5.综上,以上都是feature的方法6.grid:网格配置7.xAxis

ECharts.js是 百度出品的一个开源 Javascript 数据可视化库一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。1.常见使用场景折线图、柱状图、散点图、饼图、K线图2.使用Echarts的基本步骤引入echarts 插件文件到html页面中准备一个具