草庐IT

$echarts

全部标签

基于elementUi + Vxe + Echarts 二次封装业务组件库,commonUtils方法调用

项目地址npm库地址:https://www.npmjs.com/package/dd-ui-library组件库:https://github.com/YolandaKisses/ui-library目录结构├─src│└─components//存放测试页面│└─lib//存放组件源码│└─utils//存放工具类│└─router//路由配置指向测试页面进行组件调试│└─main.js├─.gitignore└─package.json组件封装src/lib下存放组件源码,目录结构需统一为├─xxx组件│└─src│ └─index.vue//组件源码│└─index.js//调用ins

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代码作为参考,这是

echarts中宽度不同的柱子中线对齐

在使用echarts制图时,会遇到多个柱子的数值显示在同一坐标系的情况,默认情况下如果柱子类别多,会重叠显示在坐标轴之上,并以左边对齐,如果两根柱子宽度不一就是如下显示,之后柱子的显示状态通过属性barGap进行调整(如果想要两根柱子堆叠放置可以通过将stack值设置为相等的值即可实现)默认左边对齐如下是barGap:'-85%'的样式——此时的柱子可以通过调整值实现柱子的中线对齐为负数时候两根柱子还有重合部分如下是值为20%的样式大于等于0%脱离重叠以上方式虽然可以实现柱子的中线对齐,但是如果柱子种类数量大于二,那么通过调整barGap实现柱子中线对齐却是不容易的,而且通过属性调整会出现柱子