数据可视化Echarts
文章平均质量分 59
氵易风灬
这个作者很懒,什么都没留下…
展开
-
Echarts自定义数据视图样式(表格样式)
用过echarts的同胞们都知道,自带的数据视图是怎样的。在真正做项目时,肯定需要我们自己来写一个相对美观的数据视图。下面以表格样式的数据视图为例,来实现一个自己的数据视图。 ECharts table { cellspacing:0 ; *border-collap原创 2018-02-07 16:32:41 · 38790 阅读 · 11 评论 -
Echarts自定义工具栏组件
Echarts默认自带了几个工具栏组件,如柱状图和折线图的切换,图片的下载等,有时这些组件并不能完全满足我们的需求,这时需要我们自定义自己的组件。应用场景一:在一个页面中需要展示多个图形(图形相对来说较小),对每个图形增加一个放大的按钮,可以将图形进行放大。实现思路一:获取echarts生成的图片,然后将图片放到另一个div里面。缺点:放大后可能不是很清晰,图标上的事件也不能起作用。实原创 2018-02-07 15:47:30 · 6825 阅读 · 0 评论 -
Echarts多系多y轴的配置
有时候在一个图形中需要显示的对象多样化,一个y轴并不能满足我们的需求。这时我们就需要配置多个y轴 多系柱状图 // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); var colors =原创 2018-02-07 15:11:34 · 14518 阅读 · 5 评论 -
Echarts从入门到精通(一)
前段时间在项目中用到了echarts,在此把我所遇到的问题和解决办法分享给大家,希望能给大家在项目开发中节省一些时间。首先看一个简单的例子 ECharts // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('原创 2018-02-07 11:54:58 · 548 阅读 · 0 评论 -
Echarts地图详解(地图样式、合并地图、增加地图)
概述 地图在我们日常的数据可视化分析中是很常见的一种展示手段,不仅美观而且很大气。尤其是在大屏展示中更是扮演着必不可缺的角色。地图实现下面我们就来实现一个基本的地图,并为之添加一些好看的样式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...原创 2018-04-20 00:58:21 · 91659 阅读 · 33 评论