zoukankan      html  css  js  c++  java
  • 设置ECharts3中的图表大小

    项目中遇到个问题。页面进去后加载一个图表,有一个按钮控制其显示和隐藏,首先是隐藏状态。由于设置的容器宽度是百分比,所以控制台输出无法找到容器的宽度,生成的图表会变形。

    后来在网上找到了解决方法,在配置图标设置的时候,给图表一个固定宽度;

    先在外面设置获取一下容器宽度:

    var div_width = $("#ggcs_zzt").width();

    再在配置的时候赋予:

    // 基于准备好的dom,初始化echarts实例
    var dom = document.getElementById("ggcs_zzt");

    //用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽
    var myChartContainer = function () {
    dom.style.width = div_width + "px";
    };
    //设置容器高宽
    myChartContainer();

    var myChart = echarts.init(dom);

  • 相关阅读:
    yii之behaviors
    查看windows系统信息
    idm chrome扩展被阻止解决办法
    音乐乐理基础
    bootstrap4
    七牛上传整合CI
    提升上传速度
    卡漫绘图
    指针的操作
    定语从句八个易混淆
  • 原文地址:https://www.cnblogs.com/akunz/p/8300938.html
Copyright © 2011-2022 走看看