- 博客(10)
- 资源 (8)
- 收藏
- 关注
原创 Echarts时间坐标轴刻度的改进和优化
Echarts时间轴刻度的计算主要存在以下三个问题(1)不同时间格式下,计算出来的刻度不符合预期;(2)数据的最小值容易与坐标轴重叠,最大值容易显示在图表之外;(3)计算出来的刻度个数偏少,数据之间容易重叠。本文针对以上三个问题,分别提出了优化和解决方案。在刻度计算方面,采用d3.js的比例尺算法。。。
2017-09-14 17:55:11 46094 18
原创 (2)基于Echarts插件的多维数据可视化设计和实现
本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。
2017-09-06 10:06:43 8446
原创 基于Echarts插件的省市区多级地图下钻和返回功能实现
利用Echarts3实现的多级地图切换,采用单击下钻地图,双击或者右键菜单返回上一级。可支持10级以上的地图切换和展示。只要有所需要的json地图轮廓数据。json地图轮廓数据可以人为收集,也可以采用程序抓取。
2017-07-30 17:55:48 47794 39
原创 echarts实现气泡图(气泡之间不叠加)
前言:echarts本身是有气泡图的,但是本文所介绍的气泡图并不是官方所介绍的气泡图,而是一类区别于官方的图表类型,这种图表类型通常采用d3.js插件实现。Echarts官方气泡图基于坐标轴,气泡图之间容易叠加在一起。如何解决这个问题呢?
2017-10-21 16:23:30 39661 8
原创 Echarts插件axisLabel增加tooltip接口
Echarts插件,默认情况下无法设置axisLabel的tooltip接口,即坐标轴的label悬浮上去没有显示效果。 本文主要讲述如何给坐标轴label添加tooltip接口。
2017-09-12 16:06:11 5862 3
原创 (2)Echarts图表绑定特殊事件-图表元素绑定选中事件
本文主要讲述在源码的基础上,如何给柱状图、线图、饼图。。。等常见图表,添加特殊事件接口,毕竟官方接口,在很多情况下还是不能满足我们的需求。本节则是手把手教大家如何在源码中添加自己定义的事件。
2017-09-12 14:12:16 2257
原创 (1)Echarts图表绑定特殊事件
本文主要讲述在源码的基础上,如何给柱状图、线图、饼图。。。等常见图表,添加特殊事件接口,毕竟官方接口,在很多情况下还是不能满足我们的需求。
2017-09-12 10:20:01 5002
原创 (3)基于Echarts插件的多维数据可视化设计和实现
本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。
2017-09-10 09:49:54 5329 3
原创 (1)基于Echarts插件的多维数据可视化设计和实现
本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。
2017-09-05 10:43:42 3138
原创 实现echarts插件刻度轴的二级刻度
针对Echarts直角坐标轴没有二级刻度的缺陷,本文通过研究源码,给Echarts添加了二级刻度,并可直接在option中进行配置和使用。
2017-09-04 10:35:21 4762 10
基于echarts多维数据可视化代码(离散和连续数据)
2017-09-19
Echarts时间轴的刻度优化和自适应
2017-09-13
echarts的axisLabel添加tooltip功能
2017-09-12
echarts插件实现的省市区三级离线地图
2017-09-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人