echarts图表内的canvas宽度为0

原創 张萌2018 2020-02-20 17:00

echarts图表不支持自适应 百分比

我设置宽度为33%，echarts图表的canvas宽度为33px，图形绘制的堆在一起

我项目中需要3个一排，一共两排的图表格式，用的是flex布局，经查发现第一排图形显示正常，但是第二排宽度为0，绘制失败。

 

给绘制图形的函数加一个定时器，1就可以，我这里要求不高，所以加了一个1秒

setTimeout(()=>{
  this.drawChart();
},1000)

 

 

 

张萌2018
发布了35 篇原创文章 · 获赞 6 · 访问量 3万+
私信 关注
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

2015-10-30【项目4-广义表算法库及应用】

1.問題及代碼 自建算法庫 代碼： 1.頭文件：glist.h，包含定義廣義表數據結構的代碼、宏定義、要實現算法的函數的聲明； #ifndef GLIST_H_INCLUDED #define GLIST_H_INCLUDED type

SupreEvi 2020-07-08 11:14:27

2015-10-30【项目2 - 对称矩阵压缩存储的实现与应用】

1.問題及代碼 問題：用壓縮形式存儲對稱矩陣，實現下面的操作並測試 void Init(int *&b);//爲N階對稱矩陣初始化存儲數據的一維數組b int Value(int b[], int i, int j);//返回存儲在b

SupreEvi 2020-07-08 11:14:27

想获取系统当前时间

  想獲取系統當前時間，用Calendar，如下： Calendar date = Calendar.getInstance(); 會自動獲取系統的

马昭通_JAVA_KF 2020-07-08 06:36:25

android自定义最简单的流式布局

一、.首先 在自定義view方面需要 android 最基礎的知識也就是View的繪製流程了  measure、layout、draw的三個執行流程 measure：測量，測量自己有多大，如果是ViewGroup的話會同時測量裏面的子控件

Roy@ 2020-07-08 02:35:23

android studio 服务端java 输出文件夹下文件

package first; import java.io.File; import java.util.ArrayList; import java.util.List; public class fff { pu

weixin_33595571 2020-07-07 18:02:23

python 批量修改文件名称去除文件名中空格

# -*- coding: utf-8 -*- """ Spyder 編輯器 這是一個臨時腳本文件。 """ import os print("*************************************

weixin_33595571 2020-07-07 18:02:23

Android studio 40 播放网络歌曲

第一步加權限 <uses-permission android:name="android.permission.INTERNET" /> 第二步佈局文件 <Button android:i

weixin_33595571 2020-07-07 18:02:23

python窗口置顶 并输入中文

使用pip install * 安裝包 64位安裝不成功，改用32位安裝成功 import time import win32gui import win32ui import win32api import win32con

weixin_33595571 2020-07-07 18:02:23

java输出文件目录

package Write; import java.io.File; import java.io.FileWriter; import java.io.IOException; public class write {

weixin_33595571 2020-07-07 18:02:23

Android studio 42 服务器端 java tomcat sql 注册功能实现

首先添加sql需要的包。 第一步index.jsp <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="I

weixin_33595571 2020-07-07 18:02:23

Android客户端和Python3服务器通信

import socket import sys from time import ctime # 1.socket(socket_family, socket_type, protocol=0) # 其中，socket_f

weixin_33595571 2020-07-07 18:02:21

python 查找txt文件中的字符串

findMusic="BLACKPINK-BOOMBAYAH"; MusicLine=0; f = open('musicName12.txt','r',encoding='utf8') for lines in f.readl

weixin_33595571 2020-07-07 18:02:20

python 字符串替换 本地地址转换为网络地址

f = open('MUSICFile.txt','r',encoding='utf8') w = open('MyError.txt','w',encoding='utf8') for lines in f.readlines

weixin_33595571 2020-07-07 18:02:20

Android studio 网络下载图片并保存sdcard download 文件夹下

第一步在手機中設置存儲sdcard權限 第二步AndroidManifest.xml <uses-permission android:name="android.permission.INTERNET" /> <

weixin_33595571 2020-07-07 18:02:20

python 图片匹配

import time import win32gui import win32ui import win32api import win32con import pyautogui import pyperclip from

weixin_33595571 2020-07-07 18:02:20