// 引入 ECharts 核心模块，核心模块提供了 ECharts 使用必须要的接口。
import * as ECharts from 'echarts/core'
// 引入柱状图图表，图表后缀都为 Chart
import { BarChart, LineChart } from 'echarts/charts'
// 引入标题，提示框，直角坐标系，数据集，内置数据转换器组件，组件后缀都为 Component
import {
  TitleComponent,
  TooltipComponent,
  GridComponent,
  DatasetComponent,
  TransformComponent
} from 'echarts/components'
// 标签自动布局、全局过渡动画等特性
import { LabelLayout, UniversalTransition } from 'echarts/features'
// 引入 Canvas 渲染器，注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
import { CanvasRenderer } from 'echarts/renderers'

class EChartsComponent {
  constructor (el) {
    // 注册必须的组件
    ECharts.use(
      [
        TitleComponent,
        TooltipComponent,
        GridComponent,
        DatasetComponent,
        TransformComponent,
        BarChart,
        LineChart,
        LabelLayout,
        UniversalTransition,
        CanvasRenderer
      ]
    )
    this.el = ECharts.init(el)
  }

  // 设置属性
  setOption (options) {
    this.el.setOption(options)
  }

  // 柱状属性
  setBarOption (options) {

  }

  // 折线属性
  setLineOption (options) {

  }

  // 饼图属性
  setPieOption (options) {

  }
}

export default EChartsComponent