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

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

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

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

问题截图

(1)网页显示内容
图1

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

我想要达到的结果

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

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

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

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

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

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

评论

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

报告相同问题？

关注问题

使用Echarts绘制折线图并保存为本地图片后边框显示不全 echarts php
2022-03-21 14:25

回答 1 已采纳用什么方式保存，我用官方的toolbox保存图片试了下好像没问题
微信小程序echarts绘制动态折线图 echarts 微信小程序有问必答服务器
2022-03-06 20:17

回答 3 已采纳 dataList变量没定义，应该是this.data.dataListinit_echarts方法也没有接受传入的数据变量。 canvas变量也不知道题主是否有定义题主可以参考别人完整的示例
微信小程序echarts绘制折线图，只显示一位数 echarts javascript 微信小程序
2022-03-14 14:43

回答 2 已采纳应该是这里得到得数据就是1条
【可视化大屏系列】Echarts之折线图绘制
2024-07-14 22:20

兰兰的风。。。的博客 echarts折线图在vue2项目中的应用
微信小程序里echarts动态折线图的使用 echarts javascript 微信小程序
2022-03-08 16:48

回答 4 已采纳官网有示例 Examples - Apache ECharts ECharts, a powerful, interactive chart
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折线图节点改为气泡
2023-07-21 16:39

阿达：的博客 echarts折线图节点改为气泡，并且气泡大小可根据数据范围设置大小
ECharts绘制的柱状图保存成word echarts 前端后端
2022-02-21 16:22

回答 2 已采纳你是说柱状图消失了？还是什么？柱状图消失了说明，你清空数据了
使用echarts绘制地图 echarts javascript
2023-02-14 01:03

回答 4 已采纳请确保在 data 中的每个数据项都有一个值与之对应。您可以通过检查数据格式、类型等来确保它们是正确的。可以把每一项数据的格式、类型打印出来，确保值是数字类型。 ```kotlin var data
vue使用echarts绘制图报警问题 echarts vue.js 前端
2021-10-22 21:12

回答 1 已采纳试试我的 <template> <div> <div class="chart-container" ref="chart1"
Vue项目中使用Echarts绘制中国地图
2024-01-18 16:49

polaris_wrp的博客本文基于Vue2+Echarts4实现中国地图的展示，将各个功能点以图文+代码的方式分步骤实现，希望对你能有所帮助~
引入echarts后绘制图表无法显示,采纳如何解决?（开发工具-pycharm） echarts pycharm
2022-05-10 15:35

回答 3 已采纳 echarts的js文件引入有问题吧 <script src="{{url_for('static',filename='echarts.js')}}"></script> 先
echarts的折线图实现部分虚线部分实线
2024-07-01 14:19

暴富的im的博客 折线图一般都是实线为准，但是由于最后一个数据是预测。所以想要实现最后一段为虚线。同理：如果中间段的数据需要虚线也按这个方法即可。
echarts实现温度曲线折线图
2021-08-31 18:02

小太阳...的博客首先我想到了使用echarts，用属性控制x轴y轴的隐藏，然后修改拐点以及折线上的文字代码：图表组件 <template> <div id="tem-chart" style=" height: 120px" /> </template> <script> ...
没有解决我的问题, 去提问