GAARA

零.准备和说明 1.最终页面效果 2.资源地址 一.网页布局 1.网页结构分析 2.其他准备 3.完整代码 index.html css/index.scss 4.效果 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页面中 准备一个具