自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

之毅的博客

勤于思考,擅于借鉴

  • 博客(10)
  • 资源 (8)
  • 收藏
  • 关注

原创 Echarts时间坐标轴刻度的改进和优化

Echarts时间轴刻度的计算主要存在以下三个问题(1)不同时间格式下,计算出来的刻度不符合预期;(2)数据的最小值容易与坐标轴重叠,最大值容易显示在图表之外;(3)计算出来的刻度个数偏少,数据之间容易重叠。本文针对以上三个问题,分别提出了优化和解决方案。在刻度计算方面,采用d3.js的比例尺算法。。。

2017-09-14 17:55:11 45488 18

原创 (2)基于Echarts插件的多维数据可视化设计和实现

本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。

2017-09-06 10:06:43 8277

原创 基于Echarts插件的省市区多级地图下钻和返回功能实现

利用Echarts3实现的多级地图切换,采用单击下钻地图,双击或者右键菜单返回上一级。可支持10级以上的地图切换和展示。只要有所需要的json地图轮廓数据。json地图轮廓数据可以人为收集,也可以采用程序抓取。

2017-07-30 17:55:48 47468 39

原创 echarts实现气泡图(气泡之间不叠加)

前言:echarts本身是有气泡图的,但是本文所介绍的气泡图并不是官方所介绍的气泡图,而是一类区别于官方的图表类型,这种图表类型通常采用d3.js插件实现。Echarts官方气泡图基于坐标轴,气泡图之间容易叠加在一起。如何解决这个问题呢?

2017-10-21 16:23:30 38420 8

原创 Echarts插件axisLabel增加tooltip接口

Echarts插件,默认情况下无法设置axisLabel的tooltip接口,即坐标轴的label悬浮上去没有显示效果。 本文主要讲述如何给坐标轴label添加tooltip接口。

2017-09-12 16:06:11 5710 3

原创 (2)Echarts图表绑定特殊事件-图表元素绑定选中事件

本文主要讲述在源码的基础上,如何给柱状图、线图、饼图。。。等常见图表,添加特殊事件接口,毕竟官方接口,在很多情况下还是不能满足我们的需求。本节则是手把手教大家如何在源码中添加自己定义的事件。

2017-09-12 14:12:16 2203

原创 (1)Echarts图表绑定特殊事件

本文主要讲述在源码的基础上,如何给柱状图、线图、饼图。。。等常见图表,添加特殊事件接口,毕竟官方接口,在很多情况下还是不能满足我们的需求。

2017-09-12 10:20:01 4972

原创 (3)基于Echarts插件的多维数据可视化设计和实现

本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。

2017-09-10 09:49:54 5274 3

原创 (1)基于Echarts插件的多维数据可视化设计和实现

本文针对多维离散数据和多维连续数据,利用Echarts插件构建多维可视化图表。主要涉及Echarts接口扩展和新增,以及数据的处理、包装、合并等。由于离散和连续图表展示的效果差别大,故多维图表的可视化,分为两大部分进行设计和实现。总体设计思想:主要是采用类似树形图结合柱状图、线图、散点图、面积图。

2017-09-05 10:43:42 3074

原创 实现echarts插件刻度轴的二级刻度

针对Echarts直角坐标轴没有二级刻度的缺陷,本文通过研究源码,给Echarts添加了二级刻度,并可直接在option中进行配置和使用。

2017-09-04 10:35:21 4673 10

echarts实现相邻气泡图

echarts实现的气泡图,跟官方气泡图不同的是,气泡图之间不会叠加在一起。跟d3.js的气泡图效果类似。

2017-10-16

基于echarts多维数据可视化代码(离散和连续数据)

基于最新的echarts3.7.1版本进行了适配,只需要传入三个关于数据的参数,即可生成图表,内部对数据进行了封装和处理。

2017-09-19

Echarts时间轴的刻度优化和自适应

Echarts时间轴的刻度计算有缺陷的,本人结合d3.js的时间比例尺代码,整合到了Echarts插件中,实现了年、月、日、小时、分钟、秒的刻度轴构建。

2017-09-13

echarts的axisLabel添加tooltip功能

echarts插件默认不支持axisLabel的tooltip功能,本demo主要展示axisLabel新增tooltip后的显示效果。有不懂,可以联系我。

2017-09-12

echarts元素选中事件添加demo

基于echarts3.65版本的图表元素选中事件添加小demo,可以参考此源码,实现饼图、柱状图等图形,以及x和y轴的选中事件

2017-09-12

echarts多个维度多个度量可视化代码

基于Echarts插件的多个维度多个度量数据可视化源码,依赖于Echarts插件。可分别对于离散型和连续型数据进行处理。

2017-09-05

echarts插件实现的省市区三级离线地图

(特别提醒:由于要获取json文件,需要运行在服务器下,才能看到效果。)利用echarts插件实现的中国省市区三级地图切换。主要采用单击进入下级地图,双击或者右键点击“返回上一级”地图。资源里面包括详细的实现源码,和全国大多数省市区的json地图文件。

2017-09-03

全国省市区地图的对应json文件

用于echarts插件实现省市区三级地图

2017-07-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除