文章以河南省为例 一、先下载eacherts相关js文件（echarts.min.js）和echarts使用到的地图插件（map） ecarts.min.js在echarts官网下载，map插件下载地址：https://github.com/zhxiangfei/echarts-map （包含全国、 ...
分类：
其他好文 时间：
2020-05-10 12:50:04
阅读次数：
554
最近做了个关于各种图表的项目，用到了echarts , 关于各个配置项刚开始用好多都不懂，有些地方需要改不知道改哪个参数，就在网上查了各种，总结规整了一下，跟大家分享学习一下。（echarts官网也有配置项说明文档。） 以上就是echarts的几个原型图，但是在实际开发当中，我们需要的图表与echa ...
分类：
其他好文 时间：
2020-05-08 16:04:50
阅读次数：
86
echarts 官网：https://echarts.apache.org/zh/index.html 首先先下载 npm i echarts -S 第二步页面引入：、 import echarts from 'echarts' 第三步页面使用。我这里写了个demo,自己模拟了一个json数据。然后 ...
分类：
其他好文 时间：
2020-05-07 23:15:04
阅读次数：
131
弄了一堆线方块和函数，感觉挺玄乎，然并卵。我们直接写个项目看看。 canvas一个比较拽的应用就是图表和游戏，我们从浅入深，先玩图表，图表我们今天说一个最简单柱状图。 柱状图很多人用百度的echars,那么我们会用更要会写，为啥？我见过太多的人问我echarts不可能完全符合他们公司的需求，随便改一 ...
分类：
其他好文 时间：
2020-05-06 18:15:42
阅读次数：
47
1.布局，一般情况下大屏都是恰好铺满整个屏幕，当我们f11切换全屏时候经常会导致空出一节或者有部分内容超出屏幕，导致观赏效果不佳。这时候我们只需要用100vh设置一个总容器再利用flex布局填充总容器就可以确保任何情况都是铺满全屏。 2.大屏资源实例：https://gitee.com/lvyeyo ...
分类：
其他好文 时间：
2020-05-05 10:35:49
阅读次数：
130
jsp: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...
分类：
其他好文 时间：
2020-05-04 19:39:42
阅读次数：
71
网页上就是上图这种效果 直接上代码吧，其中数据由servlet从数据库读取，通过ajax传递给前端： jsp: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTY ...
分类：
其他好文 时间：
2020-05-04 19:02:16
阅读次数：
170
出现这种情况的原因，echarts图表默认占用盒子的100%，所以，modal处于隐藏状态下时，宽高为0，此时echarts折线图会使用自身默认的宽100Px和高100px; 解决方案： 首先我们要了解模态框的一个事件：shown.bs.modal 此事件在模态框已经显示出来（并且同时在CSS过渡效 ...
分类：
其他好文 时间：
2020-05-04 17:44:21
阅读次数：
131
目前，在大多数的管理系统中，都会有这样一个功能：根据相关的条件查询相应的数据，并生成可视化报表，然后可导出为PDF文件。本文只展现生成可视化报表之后导出PDF文件的过程，生成可视化的报表可使用Echarts，D3js等框架。 1.需要引入的文件 html2canvas.js（根据实际情况选择相应的版 ...
分类：
Web程序 时间：
2020-05-03 20:51:15
阅读次数：
100
前言 前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获（毕竟我还是个菜鸟）以及代码的实现，希望能够帮到一些 ...
分类：
Web程序 时间：
2020-05-03 16:31:43
阅读次数：
75
