echarts标签_深开鸿技术专区

echarts

在Vue项目中引入 ECharts 3D 路径图 Flights GL（需安装echarts、echarts-gl、jQuery依赖，已踩坑）

在Vue项目中引入 echarts 3D 路径图 Flights GL；echarts依赖包的下载方式；echarts-gl依赖包的下载方式；jQuery依赖包的下载方式；

敬之
2022-01-05 09:20:46

 9.5w

 45

#vue.js #echarts #jquery +2
vue echarts 每次调用接口没有清除上一次内容

initChart() {this.chart = echarts.init(document.getElementById("myChart"))var option = {backgroundColor:'#232d36',tooltip: {trigger: 'axis',axisPointer: {lineStyle: {.

代码敲着敲着就睡了
2021-09-16 14:08:10

 779

#echarts
echarts图例过长翻页

【代码】echarts图例过长翻页。

⁠亦辞
2023-09-15 10:28:18

 1369

 1

#echarts #前端 #javascript
36【源码】数据可视化：基于 Echarts + Python 动态实时大屏 - 连锁餐饮店数据看板

36源码数据可视化：基于 Echarts + Python 动态实时大屏 - 连锁餐饮店订单数据看板.zip。后端基于Python Flask实现，使用 Vscode 或 Pycharm编辑器；支持在每个echarts图表中独立控制定时更新的间隔。浏览器打开播放，Chrome浏览器、360浏览器等。数据更新方式：采用http get 轮询方式。本案例基于16:9 屏宽比，F11全屏显示。1.确定产

 YYDataV数据可视化
2023-03-02 11:34:06

 2985

 2

#信息可视化 #echarts #python
highcharts（3d饼图）

前言最近要把饼图改成3d的，原来的echart图做不了，这里推荐一下highcharts链接：传送门使用文档配置项文档安装npm install --save highcharts使用在main.js里注册// 引入chartsimport highcharts from 'highcharts';// 使用3d图还需要引入下面的import highcharts3d from 'highchar

@我不认识你
2021-12-21 11:50:58

 3738

 4

#vue.js #echarts
利用Vue和Echarts实现双层tab嵌套的柱状图

从接到任务到动手实践，它一直是一个随随便便给我绕懵的存在。谨以此博，记录结果，避免之后再走弯路。先看实现结果：由于4个图布局一模一样，只有数据源不一样，所以我选择在父组件，引入子组件4次，并在父组件获取数据传给子组件，此操作忽略。下面为子组件的代码：<div class="targetcon " v-for="(item, index1) in this.datas" :key="index

lunaliuuuuu
2021-11-26 14:25:14

 1653

#echarts #前端 #javascript
总结echarts地图

echarts中国地图数据分布目录用 [TOC]来生成目录：echarts中国地图数据分布目录图片演示HTML代码浏览器兼容在后台管理中往往需要做图形统计或者地图数据分布，突然发现了一款好用的软件echarts，本文用到了：中国地图数据分布关联市区的条形数据图github地址:https://github.com/laiyuxiang...

腾飞的鱼
2018-05-28 09:58:05

 778

#echarts
Highcharts 是什么？一文看懂现代 Web 可视化图表开发

如何将复杂的数据转化为易于理解的图形呈现，已成为每一位开发者、产品经理乃至商业分析师所必须面对的课题

 Highcharts
2025-07-24 15:12:25

 899

 5

#前端 #javascript #echarts
Echarts中的得分环图表(Ring Gauge / gaugeChart )，调整图表与容器边缘的距离

其他图表调整图表与容器边缘的距离时，一般是调整grid，比如。但是在得分环图表(gaugeChart)中，应该调整半径。更新一个自己遇到的小问题，可能也是一个简单的知识误区。

橙子将军
2024-10-16 18:37:34

 1138

 9

#前端 #echarts #javascript
Echart 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘)

摘要本文描述了在Vue3中使用ECharts时遇到的两种常见报错： Uncaught TypeError: Cannot read properties of undefined (reading 'type') 鼠标交互时的报错问题问题原因在于ECharts实例被Vue转换为响应式对象导致功能异常。解决方案是使用Vue3的markRawAPI标记ECharts实例为非响应式对象： impor

毛三仙
2025-11-10 15:43:29

 489

 5

#前端 #vue.js #echarts
echarts配置项——legend(图文介绍)

ff

不能被吃掉的蚂蚁
2021-01-02 16:41:40

 1.6w

 12

#echarts
echarts绘多条曲线多个颜色，配置存图等

echarts绘多条曲线多个颜色，配置存图等bandChartOption = {toolbox: {feature: {//可存为图片saveAsImage: {}},// 调整图表位置，相当于position：absolute的right和topright: 90,top: 15},title: {text: 'Band Structure',

awei在此
2022-04-12 10:39:01

 2941

 1

#echarts
echarts饼图数据过多堆积重叠

有时候接口数据返回的很多条并且数据都是0，就会产生数据堆积重叠的问题。废话不多说直接上代码。直接在series里面放入此代码即可。series:[{// minAngle: 1//有时候也可以特殊处理一下数据给个值也可以实现不推荐label: {// eslint-disable-next-line no-tabsalign: 'left',normal: {...

---稻草人---
2021-10-25 18:53:26

 3419

#echarts #javascript #前端
Vue页面多次渲染echarts封装的组件但只出现一个（原因分析，多方案解决，最后附上源码）

前言最近写项目，写到可视化的部分，有一个水球图的部分我已经封装好了，但是需要在页面多次渲染的时候只能渲染一个水球图，这篇记录一下解决的办法：对于在页面多次使用封装好的echarts组件均可适用原因分析首先我们要知道echart实例的创建方式通过获取div的id从而初始化echarts的实例，所以进行渲染时，两个div的id相同从而导致只能渲染出来一个图形<div id="liquidFill

北海的大鱼
2022-01-15 23:08:15

 6367

 17

#echarts #vue.js #javascript
echarts——实现自动轮播展示tooltips——技能提升

echarts——实现自动轮播展示tooltips——技能提升

 yehaocheng520
2023-01-15 10:37:31

 6072

 6

#echarts #前端 #javascript
Vue Echarts 显示地图且根据坐标设置标注点

Vue Echarts 显示地图且根据坐标设置标注点哎哟我去我就想用Echarts在页面上画一张地图，这张地图显示全国，然后我有几个坐标点的经纬度信息，需要在这个地图上根据经纬度标注在Echarts图表上，再有一个就是当我点击省份的时候，地图可以切换到省份的子区域里面，接这么简单。实现之前从来没接触过，现在懵逼的一比，靠了！好在借助网上的资源或者说博客把我想实现的功能都是实现了。哎哟，顺便吐槽一下

 我是ed.
2020-08-19 14:50:35

 1w

 4

#vue.js #echarts #前端
echarts饼状图分页展示数据

【代码】echarts饼状图分页展示数据。

Blog_ing_
2022-07-28 16:09:08

 1541

#echarts #vue.js
echarts 圆环图表（超级详细）

// 圆环图各环节的颜色var color = ['#FF488A', '#4D60D0'];// 圆环图各环节的名称和值(系列中各数据项的名称和值)var data =[{name: '其它攻击数',value: 320},{name: '未知攻击数',value: 586}];op.

音乐宇
2021-08-31 14:04:29

 1.2w

 10

#echarts
Echarts地图之——如何让地图显示出3d感

上面几个是常用的地图配置，其他的配置如label、itemstyle、emphasis（高亮）、select（选中）则和其他的图表类似可以看文档，根据需要来修改配置。然后我们给地图添加阴影的效果，与其说是阴影不如说是地图下的错位图层，多加了几层所形成的效果。这里我们通过geo给地图添加其他图层，geo和我们刚才说的series内的配置基本一样。这样我们在原有图层的基础上添加了几层阴影效果，这样就会

 在车上在路上
2023-10-24 15:31:35

 1.6w

 18

#前端 #echarts
手把手教你从零使用Echarts开发地图并拖拽缩放，下钻，并返回上一级功能，巨详细！！！

在家空闲时间，整理下地图下钻的思路，下面是我个人的一个思路,供大家参考！大家如果有更好的思路，评论区可以交流学习一下！个人原创转载请注明！

前程什锦
2024-06-01 16:37:49

 3730

 32

#echarts #前端 #javascript
echarts环形图自定义

echarts环形图自定义,光圈是图片自定义上去的。

神探小白牙
2026-05-08 10:36:19

 79

#echarts #android #前端
ECharts 使用地图

ECharts地图使用指南摘要：ECharts 5+版本不再内置地图数据，需从GitHub或阿里云DataV获取。地图配置有两种方式：1) geo组件提供基础地图显示，支持缩放/拖拽交互；2) series.map类型直接绘制可视化数据。示例展示了geo+散点图组合使用，以及visualMap实现数据分级着色。关键配置包括：注册地图数据、设置坐标系、定义交互样式和数据绑定。Vue示例代码演示了完整

 xiangxiongfly915
2025-12-22 11:10:00

 755

 4

#echarts #前端 #javascript
记录下echarts Map3D地图渐变

记录下echarts Map3D地图渐变

 多多Ms
2022-10-19 13:33:21

 4083

 1

#echarts #3d #javascript
echarts全国城市经纬坐标json文件

1、中国城市export default {"天津":[117.4219,39.4189],"北京":[116.4551,40.2539],"上海":[121.4648,31.2891],"重庆":[107.7539,30.1904],"六安":[116.3123,31.8329],"安庆":[116.7517,30.5255],"滁州":[118.1909,32.536],"宣城":[118.8

再写一行代码就下班
2022-02-17 09:22:32

 4478

 4

#json #echarts
Vue 中 Echarts实现三角锥形柱形图

vue 中实现三角锥形柱形图

 森海か
2023-03-21 16:47:10

 4132

 5

#echarts #vue.js #前端
ucharts使用中的部分配置

本文分享了在uni-app项目中使用ucharts图表库实现折线图的经验。针对echarts在移动端无法显示的问题，作者改用全端兼容的ucharts，详细介绍了配置过程。重点讲解了数据节点格式化的实现方法：1）在config-ucharts.js中配置格式化函数；2）设置y轴的最大最小值及格式化；3）在数据赋值时进行格式化处理。文章提供了完整代码示例，包括图表配置和页面实现，并说明可通过uni-a

neverr_
2026-01-04 14:01:59

 484

 6

#前端 #uni-app #echarts
echarts 取消鼠标小手指的样式

echarts 禁用鼠标小手指的样式

 分享点
2022-01-24 10:45:48

 5336

 2

#echarts
Vue 中使用 Echarts 实现项目进度甘特图

Vue 中使用 Echarts 实现项目进度甘特图

 imtanqin
2021-10-16 22:59:49

 2.2w

 40

#echarts #甘特图
echarts多X轴分组

【代码】echarts多X轴分组。

出太阳下雨�
2022-11-15 13:54:11

 2886

#echarts #前端 #javascript
echarts画折线图和数据excel导出

最近一直使用echarts画折线图，在此做个记录最后样式代码<!DOCTYPE html><html style="height: 100%"><head><meta charset="utf-8"><script src="https://cdn.bootcss.com/echarts/4.1.0...

WSLHX944174132
2019-11-01 15:46:36

 2201

 3

#echarts
echart+html 云南省地图

echart+html 云南省地图。

惜晨宝贝
2023-10-18 16:39:02

 1085

#html #前端 #echarts
vue中使用echarts中国地图

一效果图二上代码封装的完整的地图组件，里面注释了很多就不解释了<template><div class="mapContent"><div ref="MapArea" class="echarts"></div></div></template><script>import 'echarts/map/js/chi

sunnyboysix
2021-01-06 17:01:14

 1459

#echarts
tab切换重新渲染Echarts后不显示

echarts高度为0,宽度为0的解决方法,echarts绘制失败,echarts加载不出来,高度或者宽度为0

dong-sir
2019-07-12 17:50:26

 1.6w

 5

#echarts