echarts转为base64之后显示的图片不全

最近做的项目需要保存echarts图片,在页面其他地方预览,发现折线图上面看不到折线,柱形图能看到,百度了一下,网上有两种解决方法。我用的就是第一种,不过没有动画效果,没有动画效果。效果没有以前的好。

主要是echarts生成图表过程中存在动画,动画尚未完成时,就区获取base64数据,造成数据不全。

解决办法:

  1. animation 属性设置为 false 不要动画加载
  2. 延时获取base64数据

原文地址:https://www.cnblogs.com/zp1025/p/11007000.html

时间: 2024-11-13 13:27:55

echarts转为base64之后显示的图片不全的相关文章

JavaScript把项目本地的图片或者图片的绝对路径转为base64字符串、blob对象在上传

主题: JavaScript把项目本地的图片或者图片的绝对路径转为base64字符串.blob对象在上传. 用处: 从本地选择图片上传,如项目规定只能选择本项目文件夹下的图像上传为头像等. 主要思想: 使用canvas.toDataURL()方法将图片的绝对路径转换为base64编码. 具体用法: 在这我们引用淘宝服务器上的一张图片举例: var imgSrc = "https://img.alicdn.com/bao/uploaded/TB1qimQIpXXXXXbXFXXSutbFXXX.j

微信小程序插入背景图片(将图片转为base64)

关于在微信小程序中插入背景图片,是不能将本地文件直接作为background-image的,要么使用网址链接,要么使用base64,这,考虑到小程序的大小问题,毕竟大小限制为2M的小程序是不可能有多余的空间留给background-image的(准确地来说是在样式文件中需要使用图片时不能直接用本地文件,在wxml中可以?). 使用网址链接简单,直接找到需要的图片,一般右键都会有复制图片链接之类的 说一下将本地图片转为base64的操作(当然,并是不所有的图片转base64都合适,这比较适用于那个

Anroid5.0下webview显示本地图片

以前的时候,Android下webview显示本机图片可用ontent://+包名+路径的方式来实现,后来5.0后,安全协议提高了,不支持这种方式了,后来发现img标签可以是这样用,将本地图片转换为bitmap,再将bitmap转为Base64 public static String imgToBase64(Bitmap bitmap) { ByteArrayOutputStream out = null; try { out = new ByteArrayOutputStream(); bi

UIWebView显示本地图片的方法

在UIWebView显示本地图片,由此可借助UIWebView实现图文混排(内容编码成html格式即可). // ViewController.m // // Created by zc on 8/1/14. // Copyright (c) 2014 cuibo. All rights reserved. // #import "ViewController.h" @interface ViewController () <UIWebViewDelegate> @prop

Atitit.&#160;html&#160;使用js显示本地图片的设计方案.doc

Atitit. html 使用js显示本地图片的设计方案.doc 1.  Local mode  是可以的..web模式走有的不能兰.1 2. IE8.0 显示本地图片 img.src=本地图片路径无效的解决方案1 2.1. div来完成 .filter1 2.2. URL.createObjectURL (html5 api  ma sida)2 2.3. Css 背景(吗四大)2 2.4. 这是Data URI scheme (base64).2 3. --code2 4. 参考2 1.  

java利用Base64编码和解码图片文件

1.编码与解码代码如下所示: import java.awt.image.BufferedImage; import java.io.ByteArrayOutputStream; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.net.MalformedURLException; import java.net.URL; import javax.image

iOS Base64编码(文字/图片)

Base64 是网络上常见的用于传输8bit字节代码的编码方式之一,可以将二进制转为"字符串".在应用程序中常常需要把二进制数据编码为适合放在URL中的形式,此时采用Base64编码具有不可读性,即所编码的数据不会被人用肉眼直接看到. 然而,标准的Base64并不适合直接放在URL里传输,因为URL编码器会把标准的Base64中的'/'和'+'字符变为'%XX'的形式,而这些'%'号在存入数据库时还需要再进行转换,因为ANSI SQL中将'%'号用作通配符.为解决此问题,可采用一种用于

php如何将base64数据流文件转换为图片文件?

2017-03-07 在开发中,自己遇到一个前端在上传图片的时候,使用的base64数据流文件显示的图片. 也就是说 <img src="data:image/jpg;base64," /> ***image/后面的jpg是我们的图片文件格式,(base64,)后面的很大一长串就是具体的文件信息. data:image/jpg;base64则是指的文件头.我们可以把src里面的全部内容放在浏览器的地址栏进 行访问,是可以正常显示图片文件的. 我将src的值获取到后台之后,在

Linux framebuffer显示bmp图片

framebuffer简介     帧缓冲(framebuffer)是Linux为显示设备提供的一个接口,把显存抽象后的一种设备,他允许上层应用程序在图形模式下直接对显示缓冲区进行读写操作.framebuffer是LCD对应的一中HAL(硬件抽象层),提供抽象的,统一的接口操作,用户不必关心硬件层是怎么实施的.这些都是由Framebuffer设备驱动来完成的.     帧缓冲设备对应的设备文件为/dev/fb*,如果系统有多个显示卡,Linux下还可支持多个帧缓冲设备,最多可达32个,分别为/d