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

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

2024-09-03在echarts图表配置中，使用formatter来定制提示框内容，但formatter不支持异步操作。当lineChartData函数是异步的，提示框会显示Promise对象而非预期的数据。解决方案可能包括将数据预加载或改用同步方式处理。

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

2024-09-01文章讲述了在Vue3 TS项目中，由于切换tab时echarts图表宽度异常的问题。当tab隐藏时，echarts的父元素宽度为0，导致设置的width:100%无效。解决方案是在切换到特定tab时，通过定时器触发resizeHandler函数，动态调整echarts图表的大小，确保其正确渲染。代码示例展示了如何在组件生命周期中初始化echarts，以及添加和移除窗口resize事件监听器。

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

2024-09-01文章展示了如何在HTML中设置图表容器，并用JS（Vue）结合echarts库创建一个条形图。数据获取通过`gradeMonth`函数，然后在`getchartStrip`方法中初始化并设置echarts选项，包括tooltip、x轴、y轴以及系列数据。

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

2024-09-01vue echarts实现疫情折线图_vue用echarts做体温三测图

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

2024-09-01文章介绍了如何在echarts图表中处理坐标轴标签过长导致的遮挡问题，通过设置axisLabel的interval属性控制显示间隔，rotate属性旋转标签避免重叠，以及使用formatter函数进行自定义格式化，如竖直显示或类目项隔行显示。同时，调整grid布局也能帮助改善标签的可视性。

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

2024-09-01监听可视窗口区域变化时，如框架侧边栏隐藏。隐藏侧边栏，空白区域增加，resize的图却没有变大。隐藏后展开侧边栏，空白区域减少，resize的图变得更大，这显然是不合理的。_this.charts.resize

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

2024-09-01根据报错信息来看，v-charts内所含子依赖"echarts-liquidfill"、"echarts-wordcloud"版本较低（elem团队已经4年未更新vcharts），再根据npm官网进行查询，发现最新echarts5.3.3关于此两子依赖为高版本，故不能兼容，此时只需要将此俩子依赖全部固定版本升级最新即可（根据echarts版本）解决了问题。若不需要考虑echarts版本高低的问题，可以对echarts进行降级使用。如果看不懂resolutions的，建议看我之前的博客。_echarts 5引入v-charts

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

2024-09-01该博客详细介绍了如何在Vue项目中集成并使用echarts库创建一个基础的统计图表。首先通过npm安装echarts，然后在main.js中全局引入。接着在组件中定义图表的配置项，包括标题、坐标轴、网格等，并在mounted钩子中初始化图表并设置数据。示例代码展示了一个显示一周用户来源的折线图。

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

2024-09-01自定义echarts图例legend点击事件，echarts图标点击事件触发，legendselectchanged应用，echarts多线共存，echarts图例点击调用接口_echarts图例点击事件

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