2024-09-21在Vue3项目中，使用echarts时遇到tooltip在axis模式下无法显示滑动效果的问题。原因是Vue3的数据响应式系统使用了proxy。解决方案是使用markRaw函数，避免echarts实例化时处理的是监听对象。经过markRaw处理后，echarts能正确初始化并显示axis的tooltip滑动效果。

https://www.qianduange.cn//article/18544.html 分类：前端知识

2024-09-21文章讲述了如何使用echarts库初始化图表，并对数据进行处理，以实现柱状图的堆叠展示。在数据不足时，显示‘暂无数据’提示。通过堆叠柱状图解决了因0值柱子影响柱子居中显示的问题，同时调整tooltip以过滤掉0值数据。

https://www.qianduange.cn//article/18524.html 分类：前端知识

2024-09-21本文详细介绍了如何使用echarts进行表格数据的渲染，从下载ECharts库，到配置表格，再到从API获取数据和定义数据获取方法，包括折线图、柱状图和饼图的绘制步骤。

https://www.qianduange.cn//article/18523.html 分类：前端知识

2024-09-14文章介绍了如何在React项目中使用echarts-for-react库来引入和配置ECharts图表，包括安装、基本用法、参数选项以及如何处理大屏适配。此外，还提到了flexible.js在响应式设计中的应用，用于将px转换为rem，确保在不同设备上图表和页面布局的适配性。

https://www.qianduange.cn//article/18341.html 分类：前端知识

2024-09-10本文介绍了使用echarts创建立体柱形图的四种方法，包括通过上下菱形制造视觉差、利用两条数据图设置不同颜色、含背景的立体柱形图以及如何处理带有负值的数据。每种方法都提供了详细的代码示例，展示如何设置颜色、尺寸和位置来增强柱形图的立体效果。

https://www.qianduange.cn//article/18081.html 分类：前端知识

2024-09-10在刚刚结束的卡塔尔世界杯八分之一决赛中，巴西队以4：1轻松战胜韩国队，连续八届世界杯晋级八强，我的心情无比的激动，看着自己喜欢的球星，内心十分骄傲。我统计了历年来巴西队战绩，并对数据进行处理，使用echarts图表分析，来预测一波今年的战绩。_足球echarts表

https://www.qianduange.cn//article/18076.html 分类：前端知识

2024-09-08该文章展示了如何使用echarts创建一个雷达图，详细配置了包括触发提示、图例位置、雷达图形状、轴线颜色、区域样式、网格颜色以及数据系列的颜色等。雷达图的指标包括适应能力、语言、精细动作、思维逻辑和大运动，数据值分别为100、80、50、80和60。

https://www.qianduange.cn//article/17918.html 分类：前端知识

2024-09-08该文介绍了如何在项目中使用echarts，包括通过npm安装Echarts，导入库，以及配置数据窗口和条形图的细节。具体展示了配置数据Zoom的start和end属性，禁用鼠标滚轮缩放，启用平移，以及创建线性渐变色的条形图系列。

https://www.qianduange.cn//article/17917.html 分类：前端知识

2024-09-04希望大家应该也遇到过，当我们使用echarts时，在侧边导航折叠展开时，resize方法不生效的问题。以下提供两种个人比较推荐的解决方法。_vue3 echarts resize

https://www.qianduange.cn//article/17626.html 分类：前端知识

2024-09-03经常使用echarts，把遇到的问题记录下来，方便自己也方便大家参考。_[echarts] deprecated: setcanvascreator is deprecated. use setplatformapi({ c

https://www.qianduange.cn//article/17587.html 分类：前端知识