element-admin中echarts图标宽度无法修改

Posted robinunix

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-admin中echarts图标宽度无法修改相关的知识,希望对你有一定的参考价值。

默认示例

<template>
<div>
  <el-row :gutter="0">
    <el-col :xs="24" :sm="24" :lg="8">
      <div class="chart-wrapper">
        <health-check-line />
      </div>
    </el-col>
    <el-col :xs="24" :sm="24" :lg="8">
      <div class="chart-wrapper">
        <health-check-pie />
      </div>
    </el-col>
  </el-row>
</div>
</template>

  修改

<template>
<div>
  <el-row :gutter="0">
    <!-- <el-col :xs="24" :sm="24" :lg="8" :span="10"> -->
    <el-col :span="12">   # 将xs、sm、lg删除,然后使用span分
      <div class="chart-wrapper">
        <health-check-line />
      </div>
    </el-col>
    <!-- <el-col :xs="24" :sm="24" :lg="8" :span="10"> -->
    <el-col :span="12">
      <div class="chart-wrapper">
        <health-check-pie />
      </div>
    </el-col>
  </el-row>
</div>
</template>

  

以上是关于element-admin中echarts图标宽度无法修改的主要内容,如果未能解决你的问题,请参考以下文章

Echarts基本学习 柱状图折线图通用配置

烦人的echarts总结

echarts图表——主题河流图&象形柱图

echarts 自定义图表

echarts图例中图标文字对齐

怎么控制echarts柱子的最大宽度