echarts_前端博客-专业IT技术发表平台

推荐付费专栏 VIP文章

echarts实现地图展示南海诸岛的缩略图的同时展示南海十段线，缩略图小岛也不隐藏 echarts实现地图需求一次优化（需要展示南海诸岛的缩略图的同时展示南海十段线，缩略图小岛也不隐藏）

阅读 1.1k

5赞

vue3大屏可视化项目，包含地图，各种图表，全屏适配方案 .始终满屏适配，这种方案一般用在屏幕变化不会特别的大项目，项目基本上不会用在比例非常不协调的大屏，设计图按1920*1080标准电脑屏幕比，所用的屏幕也基本在这个比例左右涉及图表知识点简单，主要有自定义色系，环形图，堆叠柱状图，折线图使用高德地图标点做中间地图

阅读 6.5k

15赞

echarts图表--雷达图（参数详解）雷达图（Radar Chart）是一种用于展示多维数据的图表，尤其适合于比较不同样本或观测在多个相同变量上的表现。在使用ECharts或PyEcharts等可视化库绘制雷达图时，有许多参数可以用来定制图表的外观和行为。

阅读 3.0k

9赞

【echarts】堆叠柱状图，柱子之间间隔开【代码】【echarts】堆叠柱状图，柱子之间间隔开。

阅读 2.0k

4赞

Vue3 + js-echarts 实现前端大屏可视化这里介绍一下本人用的两种方案的优缺点方案实现方式优点缺点scale1.通过scale属性，根据屏幕大小，对图表进行整体的等比缩放1.代码量少，适配简单2.一次处理后不需要在各个图表中再去单独适配1.因为是根据 ui 稿等比缩放，当大屏跟 ui 稿的比例不一样时，会出现周边留白情况2.当缩放比例过大时候，字体会有一点点模糊，就一点点3.当缩放比例过大时候，事件热区会偏移。vw vh1.按照设计稿的尺寸，将px按比例计算转为vw和vh1.可以动态计算图表的宽高，字体等，灵活性较高。

阅读 3.8k

12赞

weixin_836869520

Java中的反应式编程：RxJava与Project Reactor Reactor与RxJava类似，但它更加专注于与Java 8及其后的版本进行集成，并提供了Mono和Flux两个核心类型，分别用于表示0-1个元素和0-N个元素的异步序列。通过本文，我们探讨了反应式编程在Java中的两个主要实现：RxJava和Project Reactor，并通过代码示例展示了它们的基本用法和实际应用。在这个示例中，我们创建了一个简单的Spring Boot应用，并使用Reactor的Mono来处理异步的HTTP请求。在这个示例中，我们创建了一个Flux，它发射两个字符串数据流。

阅读 644

3赞

Vue3+Vite项目从零搭建+安装依赖+配置按需导入在项目的 src 目录下新建一个 router 目录，然后在 router 目录下新建一个 index.js 文件，该文件会作为 Vue Router 的入口文件，该文件内容如下。在项目的 src 目录下新建一个 store 目录，然后在 store 目录下新建一个 index.ts 文件，该文件会作为 Pinia 的入口文件。一般情况下，一个环境对应一台服务器，也有的公司开发与测试环境是一台服务器！顾名思义，开发使用的环境，每位开发人员在自己的dev分支上干活，开发到一定程度，同事会合并代码，进行联调。

阅读 7.1k

55赞

40【源码】数据可视化：基于 Echarts + Python 动态实时大屏 - 无线网络大数据平台数据可视化大屏的出现，掀起一番又一番的浪潮，众多企业主纷纷想要打造属于自己的“酷炫吊炸天”的霸道总裁大屏驾驶舱。之前有小伙伴们建议我出一些视频课程来学习Echarts，这样可以更快上手，所以我就追星赶月的录制了，希望对有需要的小伙伴有帮助。

阅读 2.0k

22赞

深入浅出--vue3封装echarts组件 ECharts，作为一款强大的图表库，提供了丰富的图表类型和高度定制化的选项，深受开发者喜爱。本文将会深入浅出的，带你封装一个高效、可复用的Echarts组件

阅读 2.8k

16赞

echarts 关系图实现一整条链路高亮 echarts 关系图实现高亮整一条链路

阅读 1.9k

5赞

Echarts 柱状图修改柱子颜色渐变，柱子圆角修改柱状图柱子背景色渐变和圆角，可通过修改series.itemStyle.normal.barBorderRadius属性实现圆角设置，series.itemStyle.normal.color:new echarts.graphic.LinearGradient()来设置渐变色柱子。

阅读 3.2k

8赞

echarts的折线图实现部分虚线部分实线折线图一般都是实线为准，但是由于最后一个数据是预测。所以想要实现最后一段为虚线。同理：如果中间段的数据需要虚线也按这个方法即可。防止多个点以及值为空的情况。

阅读 4.3k

5赞

echarts 漏斗图渐变金字塔【代码】echarts 漏斗图渐变金字塔。

阅读 798

2赞

Superset二次开发之柱状图实现同时显示百分比、原始值、汇总值的功能柱状图贡献模式选择行，堆积样式选择Stack，默认展示百分比，可以展示每个堆积的百分比，但是无法实现同时展示百分比、原始值、汇总值的效果。借助Tooltip可以实现，但是不直观。Tooltip 悬浮框功能展示时，过滤掉name = 'displayDetailsDataAndTotal' 的对象（params是每个堆积数据的对象）柱状图来自Echarts插件，可以先考虑Echarts的柱状图如何实现此需求，再研究Superset项目的柱状图该如何实现。计算并显示汇总值，过滤Tooltip的脏数据，

阅读 1.5k

12赞

【免费下载】 echarts-liquidfill 水球图插件安装与使用指南 **GitHub仓库:** [https://github.com/ecomfe/echarts-liquidfill.git](https://github.com/ecomfe/echarts-liquidfill.git)在克隆下来的源码中，你会看到以下主要的目录结构：- **src** 这个目录包含了插件的主要源代码，其中关键的JavaScript文件用于扩展Apache...

阅读 2.2k

25赞

uniapp使用echarts在H5上显示报错问题的解决方法在做uniapp vue3开发的echarts图表的时候，发现在浏览器上面正常运行，但在微信开发者工具上显示报错了，报错如下原因：在微信小程序中，使用document.getElementById会报错，因为小程序的运行环境是基于WedView的，不同于浏览器环境。在微信小程序中没有直接操作Dom的能力，也就是没有document对象和getElementById方法。

阅读 1.0k

4赞

我就说好玩

Vue3+vite脚手架搭建系统及可视化大屏 Vue3+vite后台管理系统项目概述：通过Vue3+vite脚手架搭建项目，结合Element-Plus、Echarts、Axios、Mock、Vuex完善各功能模块，进行后台管理系统的开发。实训中注重对图表的应用，数据的引入，数据可以mock生成也可以写静态数据各官网地址：Element-PlusEchartsAxiosMockVuexVite进入node.js官网选择版本安装，选择较低版本，比较稳定。同时按WIN+R输入cmd打开命令提示符窗口，输入node -v查看安装的版本，出现版本号即安装成功。

阅读 3.9k

37赞

写代码的拉克丝

vue2.0+echarts实现多省份地图加双柱状图展示（保姆级教程）首先放效果图开始之前我默认您已成功下载和导入相关插件打开 http://datav.aliyun.com/portal/school/atlas/area_selector#&lat=30.230594564932193&lng=98.316650390625&zoom=6鼠标点击你想要的省份然后在右边根据需要看是否勾选（包含子区域），如果勾选了就会有市地区级的坐标，我这个项目是不需要的，所以不勾选，然后根据需要点击第三行------其他类型点击下载保存你会得到该省份的文件，然后依次下载需

阅读 1.2k

5赞

温度与降水量蒸发量【代码】温度与降水量蒸发量。

阅读 403

1赞

Python可视化中文解决方案：SimHei字体实战 SimHei 是微软开发的一款 TrueType 字体，广泛用于中文显示，其特点是结构清晰、笔画匀称，适用于屏幕显示和打印输出。由于其在 Windows 系统中的默认安装特性，SimHei 也被许多跨平台应用所支持。本章详细讲解了如何通过修改配置文件和使用rcParams动态设置字体的方式，将 Matplotlib 的默认字体设置为 SimHei。我们还探讨了字体回退机制、中英文混合使用策略以及字体路径冲突的排查方法。

阅读 1.2k

21赞

作者推荐

助睿数智: 助睿数智｜贵州优联博睿旗下“助睿”平台官方自媒体，聚焦数据智能领域，分享零编程语音数据分析技巧、医疗/交通/财政等行业落地案例，解读大模型驱动的一站式数据智能平台“助睿”（Uniplore iDIS）如何帮助企业快速建立敏捷数据分析能力、挖掘数据价值、实现数据智能决策。

关注