vue 可视化大屏 项目开发时，需要Echarts实现漏斗图效果
漏斗图（Funnel Chart）是ECharts支持的图表类型之一，常用于表示数据通过一系列阶段的过程中的减少或损失。漏斗图非常适合用于销售流程、用户转化过程、项目阶段筛选等场景，因为它能直观地展示在每个阶段的数...
yekong
8个月前 (02-25)
0喜欢
echarts除了可以使用字体图标作为自定义图标外：
echarts legend图标设置为圆角矩形或自定义图标，我们还可以使用自定义图片来实现legend的图标。
关键代码
使用自定义图标的方式因为每个数据的颜色不同，为了区分，我们需要给每组数据都指定一个图片图标。
lege...
yekong
1年前 (2023-10-04)
0喜欢
今天在优化以前的数据可视化大屏项目时，发现有一个echarts柱状图没有动画效果，但是其他图表都是有动画效果的，排查发现是因为这一段代码造成的 animation: false,，将false改为true后，图表动画效果就出现了。
完整option代码
var option = ...
yekong
1年前 (2023-09-30)
0喜欢
最近在开发数据可是胡大屏地图，发现明明设置了地图选中后的颜色为浅白色，但是鼠标移开后，又变为了黄色，这不是我想要的效果。经过研究发现地图设置有两种，一种是鼠标移入后的颜色，一种是选中后的颜色，分别由两个字段控制。
选中后的颜色有select控制
selectedMode: &q...
yekong
1年前 (2023-09-08)
0喜欢
echarts 宽度只有4的柱状图，带背景图，柱状图为不同颜色的渐变色柱状图。
效果截图
组件代码
<template>
<div class="echarts1" ref="echarts">
<...
yekong
1年前 (2023-08-14)
0喜欢
数据可视化大屏项目 开发中，客户反馈echarts图表里的tooltip会出现抖动问题
不使用tooltip
没有tooltip就没有抖动的问题了。
tooltip: {show: false},
将transitionDuration设置为0，让tooltip紧跟鼠标
too...
yekong
1年前 (2023-08-13)
0喜欢
设置前
设置后
ECharts 的 tooltip 组件有一个属性 confine，默认值为 false。当其设置为 true 时，tooltip 会被限制在图表的内容区域（由 grid.left/right/top/bottom，polar.radius，等参数定义）内。
...
yekong
1年前 (2023-08-02)
0喜欢
在ECharts中，如果横坐标的数据太多，你可以通过添加dataZoom组件来实现拖动效果，dataZoom组件提供了数据区域的缩放和平移交互功能，可以使用户在查看数据详情的同时，保持大局观。以下是一个基本的示例：
var option = {
// ...
da...
yekong
1年前 (2023-07-31)
0喜欢
vue echarts 调试的时候正常运行，打包后却无法正常显示报错了。
TypeError: Cannot set properties of undefined (setting ‘colorStops‘)
问题代码：
areaColor: echarts.graphic....
yekong
1年前 (2023-07-09)
0喜欢
echarts 数据大屏开发中，需要渲染折线图，但是折线图渲染的数据是以条为单位的数据，不可能出现小数的情况，所以我们需要配置一下，让其最小间隔为1
设置前
设置后
要将 ECharts 中 Y 轴的最小间隔设置为 1，您可以使用 yAxis 配置项的 interval 属性...
yekong
1年前 (2023-07-07)
0喜欢
