ve-echart

参数

参数	含义	类型	是否必须	默认
option	图表的配置	Object	true
w	图表的宽度	Number	false	400
h	图表的高度	Number	false	320
theme	主题	String, Object	false
renderer	渲染器	String	false

使用实例：

<Chart :option="data" :w="400" :h="400"></Chart>

获取 Echarts 对象的方法

1.使用 refs 取得 Echarts 实例

const chart = this.$refs['mychart'].chart
// 数据更新
const opt = {}
this.$refs['mychart'].updateChart(opt)

支持的方法，理论支持 echarts 所有方法，具体方法列表请查阅 API 文档

组件使用

<template>
  <div class="box">
    <Chart class="charts" :option="mock"></div>
  </div>
</template>

<script>
  import Chart from 've-echarts'
  export default {
    components: {
      Chart
    },
    data () {
      return {
        mock: {
            xAxis: {
                type: 'category',
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
            },
            yAxis: {
                type: 'value'
            },
            series: [
                {
                    data: [120, 200, 150, 80, 70, 110, 130],
                    type: 'bar'
                }
            ]
        }
      }
    }
  }
</script>