数据可视化
文章平均质量分 93
之毅
在前端开发征途上一直信奉这样一句话:勤于思考,擅于借鉴。
展开
-
(1)基于Echarts插件的多维数据可视化设计和实现
本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。原创 2017-09-05 10:43:42 · 3178 阅读 · 0 评论 -
(3)基于Echarts插件的多维数据可视化设计和实现
本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。原创 2017-09-10 09:49:54 · 5356 阅读 · 3 评论 -
(2)基于Echarts插件的多维数据可视化设计和实现
本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。原创 2017-09-06 10:06:43 · 8561 阅读 · 0 评论 -
Echarts时间坐标轴刻度的改进和优化
Echarts时间轴刻度的计算主要存在以下三个问题(1)不同时间格式下,计算出来的刻度不符合预期;(2)数据的最小值容易与坐标轴重叠,最大值容易显示在图表之外;(3)计算出来的刻度个数偏少,数据之间容易重叠。本文针对以上三个问题,分别提出了优化和解决方案。在刻度计算方面,采用d3.js的比例尺算法。。。原创 2017-09-14 17:55:11 · 46173 阅读 · 18 评论 -
echarts实现气泡图(气泡之间不叠加)
前言:echarts本身是有气泡图的,但是本文所介绍的气泡图并不是官方所介绍的气泡图,而是一类区别于官方的图表类型,这种图表类型通常采用d3.js插件实现。Echarts官方气泡图基于坐标轴,气泡图之间容易叠加在一起。如何解决这个问题呢?原创 2017-10-21 16:23:30 · 39990 阅读 · 8 评论