![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
文章平均质量分 86
河枣
被沙子埋没的金子,终将发光
展开
-
echarts动态显示某个省或某个市
第一张图是打开市地图之前的中国地图,为过渡效果;第二张图才是动态显示出来的广州市。其实只显示中国某个省或者某个市或是某个县,都是一样的写法,这里只写了动态显示市的!如果会省下钻和市下钻的,写起来就容易多了,只需要变化下,再多加一个定时器即可,但那样一显示出来首先是中国地图,定时器后隐藏中国地图,再显示广州市,那样看起来多少会有些不舒服,所以这就是我加个过渡效果的原因,或者也可以自己添加自定义过渡效果。在写之前得先拿到中国各大城市的json文件,放在public文件夹下然后,可复制代码!<..原创 2020-08-09 23:13:52 · 2163 阅读 · 0 评论 -
使用echarts宽度100%变成100px问题(一招搞定)
**前言:**每个开发者在使用echarts制作图形过程中,多多少少都会踩到一些坑,比如图形宽高问题,图形清晰度问题。今天要说的是当图形宽度设置是100%时,切换tab后变成了100px了,如果已经设置了自适应,那么手动去改变浏览器屏幕的宽,会发现图形又恢复正常了。原因:切换tab时,元素本身就是存在的,只是样式被设置成display: none,那么宽高为0px;echarts对图形最小的默认为100px,所以就会出现这样的情况。解决问题过程中,在网上看到的帖子里,发现很多并不能解决到问题。比如:原创 2020-08-02 22:08:30 · 8512 阅读 · 1 评论 -
四步学会使用ECharts做图
前言:最近有些朋友抱怨用ECharts做统计图时难做,看官网很枯噪无味头又晕,那接下来我简单说下我是怎么四步做图的,给参考参考。首先先引入安装ECarts依赖,使用webpack工具打包的可以使用命令行安装npm install echarts --save然后在局部或全部引入var echarts = require(‘echarts’)四步走:1.划分好容器,定好容器的宽高<div style="height: 500px; width: 500px;" ref="useAxis"&原创 2020-07-14 20:15:31 · 1003 阅读 · 0 评论