javascript
文章平均质量分 78
之毅
在前端开发征途上一直信奉这样一句话:勤于思考,擅于借鉴。
展开
-
基于Echarts插件的省市区多级地图下钻和返回功能实现
利用Echarts3实现的多级地图切换,采用单击下钻地图,双击或者右键菜单返回上一级。可支持10级以上的地图切换和展示。只要有所需要的json地图轮廓数据。json地图轮廓数据可以人为收集,也可以采用程序抓取。原创 2017-07-30 17:55:48 · 47783 阅读 · 39 评论 -
(1)基于Echarts插件的多维数据可视化设计和实现
本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。原创 2017-09-05 10:43:42 · 3133 阅读 · 0 评论 -
(3)基于Echarts插件的多维数据可视化设计和实现
本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。原创 2017-09-10 09:49:54 · 5325 阅读 · 3 评论 -
(2)基于Echarts插件的多维数据可视化设计和实现
本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。原创 2017-09-06 10:06:43 · 8434 阅读 · 0 评论 -
Echarts时间坐标轴刻度的改进和优化
Echarts时间轴刻度的计算主要存在以下三个问题(1)不同时间格式下,计算出来的刻度不符合预期;(2)数据的最小值容易与坐标轴重叠,最大值容易显示在图表之外;(3)计算出来的刻度个数偏少,数据之间容易重叠。本文针对以上三个问题,分别提出了优化和解决方案。在刻度计算方面,采用d3.js的比例尺算法。。。原创 2017-09-14 17:55:11 · 46057 阅读 · 18 评论 -
Echarts插件axisLabel增加tooltip接口
Echarts插件,默认情况下无法设置axisLabel的tooltip接口,即坐标轴的label悬浮上去没有显示效果。 本文主要讲述如何给坐标轴label添加tooltip接口。原创 2017-09-12 16:06:11 · 5852 阅读 · 3 评论 -
(1)Echarts图表绑定特殊事件
本文主要讲述在源码的基础上,如何给柱状图、线图、饼图。。。等常见图表,添加特殊事件接口,毕竟官方接口,在很多情况下还是不能满足我们的需求。原创 2017-09-12 10:20:01 · 4999 阅读 · 0 评论 -
(2)Echarts图表绑定特殊事件-图表元素绑定选中事件
本文主要讲述在源码的基础上,如何给柱状图、线图、饼图。。。等常见图表,添加特殊事件接口,毕竟官方接口,在很多情况下还是不能满足我们的需求。本节则是手把手教大家如何在源码中添加自己定义的事件。原创 2017-09-12 14:12:16 · 2256 阅读 · 0 评论 -
echarts实现气泡图(气泡之间不叠加)
前言:echarts本身是有气泡图的,但是本文所介绍的气泡图并不是官方所介绍的气泡图,而是一类区别于官方的图表类型,这种图表类型通常采用d3.js插件实现。Echarts官方气泡图基于坐标轴,气泡图之间容易叠加在一起。如何解决这个问题呢?原创 2017-10-21 16:23:30 · 39592 阅读 · 8 评论