草庐IT

React+echarts (echarts-for-react) 画中国地图及省份切换

有足够的地图数据,可以点击到街道,示例我只出到市级以umi为框架,版本是:  "react":"^18.2.0",  "umi":"^4.0.29",  "echarts":"^5.4.0",  "echarts-for-react":"^3.0.2",示例图:示例中需要地图的Geojson数据,中国地图和省份的 geoJson 可以在 echarts-map 或者阿里的 数据可视化中心 进行下载。(我这边示例用的是阿里的数据) 废话少说,上代码:1importEChartsReactfrom'echarts-for-react';2import*asechartsfrom'echarts';

React+echarts (echarts-for-react) 画中国地图及省份切换

有足够的地图数据,可以点击到街道,示例我只出到市级以umi为框架,版本是:  "react":"^18.2.0",  "umi":"^4.0.29",  "echarts":"^5.4.0",  "echarts-for-react":"^3.0.2",示例图:示例中需要地图的Geojson数据,中国地图和省份的 geoJson 可以在 echarts-map 或者阿里的 数据可视化中心 进行下载。(我这边示例用的是阿里的数据) 废话少说,上代码:1importEChartsReactfrom'echarts-for-react';2import*asechartsfrom'echarts';

2023年实时最新中国省市区县街道级geoJSON格式地图数据Echarts地图数据联动数据下载

发现个可以免费下载全国 geojson 数据的网站,推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据geojson数据下载地址:https://geojson.hxkj.vip该项目github地址:https://github.com/TangSY/echarts-map-demo,喜欢的话,可以给个star哦一、通过API接口,实时获取最新中国省市区县街道级乡镇级geoJSON格式地图数据,可用于Echarts地图展示​​​二、通过获取到的数据整理了一系列联动数据,每天自动更新,免费下载可下载的数据包含省级geojson行政边界数据、市级geojson行政边界数据、

2023年实时最新中国省市区县街道级geoJSON格式地图数据Echarts地图数据联动数据下载

发现个可以免费下载全国 geojson 数据的网站,推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据geojson数据下载地址:https://geojson.hxkj.vip该项目github地址:https://github.com/TangSY/echarts-map-demo,喜欢的话,可以给个star哦一、通过API接口,实时获取最新中国省市区县街道级乡镇级geoJSON格式地图数据,可用于Echarts地图展示​​​二、通过获取到的数据整理了一系列联动数据,每天自动更新,免费下载可下载的数据包含省级geojson行政边界数据、市级geojson行政边界数据、

中国软件杯---电力客户行为分析---图表联动echarts-demo(flask)

中国软件杯---电力客户行为分析---图表联动echarts-demo(flask)题目链接(可下载原始CSV数据集):http://www.cnsoftbei.com/plus/view.php?aid=715注:其中引用的js文件自行查找1)完整的原始数据(elec_0)属性含义:userid:用户idmoney_sum:用户个人总缴费金额times:用户个人缴费次数money_aver:用户个人缴费平均金额std_money:全体用户缴费平均金额std_times:全体用户缴费平均次数usertype:初步判定用户类型ps:判断用户类型的依据:/*SQLyogUltimatev10.00

中国软件杯---电力客户行为分析---图表联动echarts-demo(flask)

中国软件杯---电力客户行为分析---图表联动echarts-demo(flask)题目链接(可下载原始CSV数据集):http://www.cnsoftbei.com/plus/view.php?aid=715注:其中引用的js文件自行查找1)完整的原始数据(elec_0)属性含义:userid:用户idmoney_sum:用户个人总缴费金额times:用户个人缴费次数money_aver:用户个人缴费平均金额std_money:全体用户缴费平均金额std_times:全体用户缴费平均次数usertype:初步判定用户类型ps:判断用户类型的依据:/*SQLyogUltimatev10.00

echart 解决setOption线残留

前言:  Antd+echarts  我想要实现的是点击表的某一行自动生成对应的折线图,我在点击第一行生成5条线,我在点击第二行的时候,本该生成2条线,结果还是5条线;最开始我以为设置的 series没有初始化,后来打断点查看数据是两条,但是生成的线是五条,这个就很离谱 问题原因  官网是这么说的:    大致意思就是在设置setOption的时候有一个notMerge,它的作用就是默认进行合并,这个太坑了。所以说只要在设置setOption添加一个true就可以每次刷新都是新的线了想要了解更多建议去官网看一看,地址奉上:Documentation-ApacheECharts代码作为参考,这是

echart 解决setOption线残留

前言:  Antd+echarts  我想要实现的是点击表的某一行自动生成对应的折线图,我在点击第一行生成5条线,我在点击第二行的时候,本该生成2条线,结果还是5条线;最开始我以为设置的 series没有初始化,后来打断点查看数据是两条,但是生成的线是五条,这个就很离谱 问题原因  官网是这么说的:    大致意思就是在设置setOption的时候有一个notMerge,它的作用就是默认进行合并,这个太坑了。所以说只要在设置setOption添加一个true就可以每次刷新都是新的线了想要了解更多建议去官网看一看,地址奉上:Documentation-ApacheECharts代码作为参考,这是

flask项目部署后,网站访问速度很慢

在使用阿里云服务器部署完flask项目后,实际访问网站发现网站加载速度慢问题分析:打开开发者工具-网络,发现echarts文件及其3D库加载时间过长,页面空白时间长,用户等待时间长,如下图解决办法:1、利用CDN内容分发网络使用户根据自己网络的特点更快、更稳定地访问到节点服务器中的资源,从而加快网页加载速度2、将服务器base.html文件head标签中的script标签放到body标签中,实现在页面完全显示之后再加载JS文件,但实质上并未解决JS资源加载时间长的问题3、给script标签设置延迟脚本或异步脚本,实现浏览器先下载JS文件,再延迟执行。本文选择BootCDN解决了echarts文

flask项目部署后,网站访问速度很慢

在使用阿里云服务器部署完flask项目后,实际访问网站发现网站加载速度慢问题分析:打开开发者工具-网络,发现echarts文件及其3D库加载时间过长,页面空白时间长,用户等待时间长,如下图解决办法:1、利用CDN内容分发网络使用户根据自己网络的特点更快、更稳定地访问到节点服务器中的资源,从而加快网页加载速度2、将服务器base.html文件head标签中的script标签放到body标签中,实现在页面完全显示之后再加载JS文件,但实质上并未解决JS资源加载时间长的问题3、给script标签设置延迟脚本或异步脚本,实现浏览器先下载JS文件,再延迟执行。本文选择BootCDN解决了echarts文