我们在现在的营销型的网站上常常会看到各种很炫酷的统计表,各种样式美不胜收的,不管是统计型的线条展示、饼状图、雷达、热力图、韦恩图等等这样的样式的图标在网站中的出现无疑会为网站在数据的展现力度增加很大的说服力的,视觉效果上也会更加的让用户留下很特别的印象的,更加有效的帮助我们的网站的营销效果的。
当然这样的效果并不是很多的网站的代码建设是基于HTML5+CSS3来实现的响应式网站,假如我想要自己做出一张这样的统计效果说明的营销着陆页页面该怎么做呢?效果图(如下):
想要在网页上实现这样的效果可以说是有很多种方式,郑州seo阿伟就为大家推荐一个简单的办法去实现这样的效果(代码小白只要是细心都可以完成的),百度ECharts3.0!
百度ECharts前端数据可视化框架,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。
支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,同时提供标题,详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件,支持多图表、组件的联动和混搭展现。
ECharts让数据说话,重新定义数据图表。在之前小编自己在使用百度ECharts2.0的时候需要自己去配置各种模块化包,再加上对于src的配置,相信这样的版本对于很多的代码小白上手确实是存在着一定的困难度的,下面要为大家介绍的ECharts3.0的版本我们完全可以不需要这样的操作了,想要使用ECharts,库我们只需要直接引入外部的文件既可以完成网页上的可视化的数据表!
如何获取使用ECharts库?
1.从