Echart是一款图表插件，功能强大，使用简单。Echart官网：https://echarts.baidu.com/examples/#chart-type-line 本文介绍我使用过的折线图以及饼图。 1.折线图： 图表上可以浮动数据： 先贴上官网代码： 图标头部： X轴： Y轴： GetDat ...
分类：
其他好文 时间：
2019-02-21 12:46:35
阅读次数：
224
要求：在echart图表中，点击每个项，需要跳转对应页面或者显示对应的数据详情列表。 如何添加鼠标点击事件？ 1.通常我们只使用了以下代码，通过配置项和数据显示图表。 var myChart = echarts.init(document.getElementById('chartBox')); m ...
分类：
其他好文 时间：
2019-02-18 14:34:45
阅读次数：
437
http://2014.artsy.net/ https://codepen.io/Yakudoo/full/rJjOJx https://codepen.io/pissang/full/geajpX https://codepen.io/tsuhre/full/BYbjyg https://wan ...
分类：
Web程序 时间：
2019-02-15 15:38:32
阅读次数：
239
本篇博客主要是记录了，Angular6中使用ngx-echarts绘制地图 ...
分类：
其他好文 时间：
2019-02-15 13:25:55
阅读次数：
117
1、问题背景 设计一条统计人数的折线，其中网格线没有垂直线 2、实现源码 （1）有垂直网格线 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>echarts-去掉垂直网格线</title> <link rel="shortcut ...
分类：
其他好文 时间：
2019-02-12 21:33:24
阅读次数：
227
//摘自官方示例； 具体参数配置：https://echarts.baidu.com/option.html#title 多看必有收获！ <!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> ...
分类：
其他好文 时间：
2019-01-24 11:51:02
阅读次数：
183
使用Echart做统计图表,这个方便快捷还高大上 官方网址 https://www.echartsjs.com/ 按照文档,很快就做出了一个柱图表 在X轴下方,要显示出对应日期是星期几(上图最下方,用红框的部分),这个问题查了很长时间的API,终于找到了一个疑似能解决这个问题的配置项. 这个配置项m ...
分类：
其他好文 时间：
2019-01-20 13:52:22
阅读次数：
1537
可视化项目中经常用到ecahrt，各种异步加载，连接socket，多语言切换等问题，现在汇总一下： Ecahrt初始化，全局统一init，可以初始化为0，等待后续数据操作 1、如果是api重新请求，数据手动获取这种方式，直接setOption; 2、 如果是socket实时数据传输展示，直接setO ...
分类：
编程语言 时间：
2019-01-16 11:46:00
阅读次数：
350
公司要做一个excel形式的人口统计表，我感觉应该更直观一些展示，所以就选用了echart进行展示，由于时间短所以制作的比较简单粗糙，但相应的数据还是有很大的可参考性。 刚好下载了jfinal3.5，使用了undertow作为服务器，做起来还是很方便的，顺便也给jfinal做下广告。 代码下载地址： ...
分类：
其他好文 时间：
2019-01-09 15:00:58
阅读次数：
235
1 使用promise从后台返回数据后，页面还是比数据更快的加载出来，导致echart图页面加载的时候不显示问题 1.1 html 在需要用到的echar图上加入 (chartInit) 初始化的时候创建一个 ECharts 实例，返回 echartsInstance 也就是($event)，不能在 ...
分类：
其他好文 时间：
2019-01-08 12:22:09
阅读次数：
284
