vue echarts 居中

在Vue中使用echarts进行居中显示可以通过以下步骤实现：

1. 首先，在Vue项目中安装echarts依赖：

npm install echarts --save

2. 在需要使用echarts的组件中引入echarts库：

import echarts from 'echarts'

3. 在组件的`mounted`生命周期钩子函数中初始化echarts实例，并设置容器的样式和居中方式：

mounted() {
  // 初始化echarts实例
  const chart = echarts.init(document.getElementById('chart-container'));

  // 设置容器样式和居中方式
  chart.getDom().style.margin = '0 auto';
  chart.getDom().style.display = 'block';

  // 绘制图表
  // ...
}

4. 在模板中添加一个容器元素，用于显示echarts图表：

<template>
  <div id="chart-container" style="width: 600px; height: 400px;"></div>
</template>

这样就可以在Vue项目中使用echarts并实现居中显示了。