2024-03-24在做数据可视化大屏页面展示时，或多或少都会用到echarts去歇一歇图表，比如饼图、柱状图、折线图等等，但是如果所有的图表代码都在vue页面中去写会造成代码冗余，同时也不便于后期拓展，所以我们要将这部分代码给写到外面，将他们进行封装。这样，我们就可以在 Vue 中使用 echarts 图表了。当父组件渲染时，会传递配置项到子组件中，然后子组件会创建一个 echarts 实例并渲染图表。no no no，接下来，看我操作。1. 首先，在 Vue 项目中安装 echarts 库。将组件封装，传参为饼图颜色。_echarts封装成vue组件

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

2024-03-24Vue Element UI案例：通用后台管理系统-echarts图表：折线图、柱状图、饼状图_elementui 图表

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

2024-03-24echarts入门，echarts初级，学习入门_echarts大屏项目

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

2024-03-21需求：html页面转换pdf，页面有多个模块，页面中有文本、echarts、表格等模块，一个模块占一页，因为模块高度不够，所以需要垂直居中通过html2canvas和jspdf实现，html2canvas用于将页面元素生成canvas，jspdf用于将页面元素导出pdf效果：以下代码可以直接运行，背景图需要自行加一下注意点：背景图片不支持跨域图片，非要使用跨域图片。可以通过js转成base64，使用base64设置背景图片_html2canvas js.pdf 生成pdf 一页添加一张图片

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

2024-03-21在网上查询相关内容后，发现基本上都是使用Java作为后端时使用echarts的词云图时有这种报错，原因是Wordcloud的版本与echarts的版本不匹配所致，需要降低Wordcloud的版本或升级echarts的版本。最后把pyecharts里面的echarts.min.js路径复制到我自己写的网页里，再跑就可以正常显示词云图了！最后对比了我自己写的网页文件和pyecharts生成的html文件，终于发现了问题所在：两份文件的。的网页路径是不同的，即二者的内容是不同的！_r.helper.createtextstyle is not a function

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

2024-03-21下载我们需要显示地区的Json数据，这个Json数据用于Echart的地图显示。点击Save，点击GeoJSON，将省份的Json文件合并为一个Json文件。例如我这里是下载的：湖南、湖北、四川、贵州、江西省的地图数据。点击Open，上传省份的Json数据包，上传成功后。最后得到的JSON文件在使用到我们的代码即可。① 使用工具网站：,_echart 指定的地图json

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

2024-03-21echarts图表固定定位之后内容无法滚动的解决办法_echart柱状图横向滚动 无法滚动

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

2024-03-21echarts图表window.onresize方法失效的解决方法_window.onresize 无效

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

2024-03-21在之前的文章中，我们学习了如何安装VS code中绘制echarts里的折线图、条形图与柱形图，并实现动态触发以及最大、最小、平均值。，想了解的朋友可以查看这篇文章。安装 Visual Studio Code今天的文章，会学习堆积折线图饼图以及瀑布图，希望大家能有收获。

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

2024-03-20echarts环形饼状图设置内外边框_echarts饼图加外边框

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