ECharts宽度自适应方法&ElementUI表格内容不换行方法

最新推荐文章于 2024-03-18 11:39:02 发布

douob

最新推荐文章于 2024-03-18 11:39:02 发布

阅读量1.9k

点赞数

分类专栏：代码

本文链接：https://blog.youkuaiyun.com/douob/article/details/90234709

版权

代码专栏收录该内容

6 篇文章

订阅专栏

在网上找了好久的自适应都写得半拉磕几的，真的恶心

HTML
<div id="chart1" ></div>

JS
//自适应的前提是设置动态宽度
 document.getElementById('chart1').style.cssText="width: "+document.body.clientWidth+10+";height: 250px;";
  chart = echarts.init(document.getElementById('chart1'));
  chart.clear();
  const  option = {
 	 ...
  }
  chart.setOption(option);
  //自适应代码
  window.onresize = function () {
      chart.resize();
    }

elementui，table内容不换行

<template>
	<el-table :data="tableData"  
                              :row-class-name="tableRowClassName">
                        <el-table-column prop="saleDate"
                                         label="日期"
                                         style="white-space:nowrap"
                                         >
                        </el-table-column>
                       
                    </el-table>
</template>
<style>
        .el-table .warning-row {
            background: oldlace;
        }
        .el-table .success-row {
            background: #f0f9eb;
        }
       .el-table .cell {
          white-space: nowrap;数据不换行
          overflow: visible;防止出现...
        }
</style>