Echarts可视化项目，Echarts-社区热销排行top效果，销售统计,销售统计sales 线形图,

DAY01-可视化项目

01-项目介绍

​ 应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。我们引入 ‘立可得’ 数据可视化项目。

​ 该项目除了使用了基础的DIV+CSS布局，还引入了一些C3技术，还引入了各类图表的绘制，以及高级的地图数据可视化案例。主要功能有：饼状图、柱状图、线形图、地图 …

02-使用技术

完成该项目需要具备以下知识：

• div + css 布局
• flex 布局
• css3动画
• css3渐变
• css3边框图片
• 原生js + jquery 使用
• rem适配
• echarts基础

粗略代码统计：

• css 580行
• html 450行
• js 400行 (有效)

03-Echarts-介绍

ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰