echarts3-0
文章平均质量分 93
之毅
在前端开发征途上一直信奉这样一句话:勤于思考,擅于借鉴。
展开
-
基于Echarts插件的省市区多级地图下钻和返回功能实现
利用Echarts3实现的多级地图切换,采用单击下钻地图,双击或者右键菜单返回上一级。可支持10级以上的地图切换和展示。只要有所需要的json地图轮廓数据。json地图轮廓数据可以人为收集,也可以采用程序抓取。原创 2017-07-30 17:55:48 · 47470 阅读 · 39 评论 -
(3)基于Echarts插件的多维数据可视化设计和实现
本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。原创 2017-09-10 09:49:54 · 5277 阅读 · 3 评论 -
(2)基于Echarts插件的多维数据可视化设计和实现
本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。原创 2017-09-06 10:06:43 · 8283 阅读 · 0 评论 -
Echarts时间坐标轴刻度的改进和优化
Echarts时间轴刻度的计算主要存在以下三个问题(1)不同时间格式下,计算出来的刻度不符合预期;(2)数据的最小值容易与坐标轴重叠,最大值容易显示在图表之外;(3)计算出来的刻度个数偏少,数据之间容易重叠。本文针对以上三个问题,分别提出了优化和解决方案。在刻度计算方面,采用d3.js的比例尺算法。。。原创 2017-09-14 17:55:11 · 45504 阅读 · 18 评论 -
实现echarts插件刻度轴的二级刻度
针对Echarts直角坐标轴没有二级刻度的缺陷,本文通过研究源码,给Echarts添加了二级刻度,并可直接在option中进行配置和使用。原创 2017-09-04 10:35:21 · 4674 阅读 · 10 评论 -
(1)Echarts图表绑定特殊事件
本文主要讲述在源码的基础上,如何给柱状图、线图、饼图。。。等常见图表,添加特殊事件接口,毕竟官方接口,在很多情况下还是不能满足我们的需求。原创 2017-09-12 10:20:01 · 4972 阅读 · 0 评论