使用Echarts绘制折线图并保存为本地图片后边框显示不全

问题遇到的现象和发生背景

背景：使用Echarts绘制一个折线图，折线图外需要有一个边框，所以多画了一个网格，用一个柱状图实现这个外边框

问题：获取生成的折线图的base64地址,保存到本地后的图片中，外边框只剩下面的线，见图2

问题截图

(1)网页显示内容
图1

(2)获取生成的折线图的base64地址,保存到本地后的图片
图2

我想要达到的结果

保存到本地的图片拥有完整的外边框

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
ZionHH 2022-03-21 15:31
关注
用什么方式保存，我用官方的toolbox保存图片试了下好像没问题

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

微信小程序echarts绘制折线图，只显示一位数 echarts javascript 微信小程序
2022-03-14 14:43

回答 2 已采纳应该是这里得到得数据就是1条
微信小程序echarts绘制动态折线图 echarts 微信小程序有问必答服务器
2022-03-06 20:17

回答 3 已采纳 dataList变量没定义，应该是this.data.dataListinit_echarts方法也没有接受传入的数据变量。 canvas变量也不知道题主是否有定义题主可以参考别人完整的示例
微信小程序里echarts动态折线图的使用 echarts javascript 微信小程序
2022-03-08 16:48

回答 4 已采纳官网有示例 Examples - Apache ECharts ECharts, a powerful, interactive chart
【可视化大屏系列】Echarts之折线图绘制
2024-07-14 22:20

爱学习的小兰同学的博客 echarts折线图在vue2项目中的应用
echarts 柱形图如何放折线图上面 echarts
2022-09-02 20:44

回答 1 已采纳 z默认是2，可以给折线图设置z:1 ，就会放置在下面
小程序调用echarts，绘制折线图添加tooltip，利用formatter返回结果，使用富文本rich无法生效 echarts javascript 小程序
2022-11-09 15:44

回答 1 已采纳你富文本修饰的内容应该放在 {} 内，建议使用模板字符串， return `{a|摄入：${params[0].value}} \n消耗：${params[1].value}`
ECharts绘制的柱状图保存成word echarts 前端后端
2022-02-21 16:22

回答 2 已采纳你是说柱状图消失了？还是什么？柱状图消失了说明，你清空数据了
Vue项目中使用Echarts绘制中国地图
2024-01-18 16:49

polaris_wrp的博客本文基于Vue2+Echarts4实现中国地图的展示，将各个功能点以图文+代码的方式分步骤实现，希望对你能有所帮助~
使用echarts绘制地图 echarts javascript
2023-02-14 01:03

回答 4 已采纳请确保在 data 中的每个数据项都有一个值与之对应。您可以通过检查数据格式、类型等来确保它们是正确的。可以把每一项数据的格式、类型打印出来，确保值是数字类型。 ```kotlin var data
echarts图标折线图当data数组中的某一个数据为0时，如何隐藏或删除？ css html5 javascript
2019-09-10 20:38

回答 4 已采纳 ``` tooltip : { trigger: 'axis', formatter: function (datas) { var res = datas[0].name +
echarts 瀑布图数据差距过大导致小数据不显示 echarts vue.js 前端
2022-04-28 10:44

回答 2 已采纳如果你的 y轴每格的大小没有硬性要求给 y轴 type改成 logyAxis: { type: 'log' }饼图就得给 minAngle 属性
echarts：折线图的常用操作
2024-01-24 15:29

Lvan的前端笔记的博客 echarts：折线图的常用操作
栏目一：使用echarts绘制简单图形
2024-09-28 22:45

盼兮*的博客 Echarts是一款基于JavaScript的可视化图表库。它提供了丰富的图表类型和交互功能，可以用于在网页中展示各种数据。Echarts支持多种数据格式的转换和操作，...本章节将从在线编辑图表和本地绘制图表两个方面进行介绍。
echarts实现温度曲线折线图
2021-08-31 18:02

小太阳...的博客首先我想到了使用echarts，用属性控制x轴y轴的隐藏，然后修改拐点以及折线上的文字代码：图表组件 <template> <div id="tem-chart" style=" height: 120px" /> </template> <script> ...
Echarts折线图曲线图和三维图
2022-03-04 15:36

周帅帅Love的博客 1 折线图 鼠标放在点上时显示的数据效果，在代码中用到的就是tooltip这个参数，其中show的默认值是true，可以省略，当我们不想显示悬浮提示效果，将show修改为false。trigger设置这个参数，效果是可以看到一个竖直...
没有解决我的问题, 去提问