npm i -S echarts-for-vue

import { createApp, h } from 'vue';
import { plugin } from 'echarts-for-vue';
import * as echarts from 'echarts';

const app = createApp({ /*...*/ });
app.use(plugin, { echarts, h });                        // use as a plugin

<template>
    <ECharts ref="chart" :option="option" />
</template>

<script>
    import { createComponent } from 'echarts-for-vue';
    import * as echarts from 'echarts';
    import { h } from 'vue';

    export default {
        components: {
            ECharts: createComponent({ echarts, h }),   // use as a component
        },
        data: () => ({
            option: { /*...*/ },
        }),
        methods: {
            doSomething() {
                this.$refs.chart.inst.getWidth();       // call the method of ECharts instance
            },
        },
    }
</script>

import Vue from 'vue';
import { plugin } from 'echarts-for-vue';
import * as echarts from 'echarts';

Vue.use(plugin, { echarts });                           // use as a plugin

<template>
    <ECharts ref="chart" :option="option" />
</template>

<script>
    import { createComponent } from 'echarts-for-vue';
    import * as echarts from 'echarts';

    export default {
        components: {
            ECharts: createComponent({ echarts }),      // use as a component
        },
        data: () => ({
            option: { /*...*/ },
        }),
        methods: {
            doSomething() {
                this.$refs.chart.inst.getWidth();       // call the method of ECharts instance
            },
        },
    }
</script>
#### 3. Более примеров:
3. <a href="test" target="_blank">More examples</a>
4. <a href="https://ambit-tsai.github.io/echarts-for-vue/" target="_blank">Online demo</a>

### Глобальный API:
|Определение|Return|Описание|
|-|-|-|
|`createComponent`(*options*: Options): object|Component definition object|Создать компонент|
|`plugin`(*app*: Vue, *options*: Options): void||Метод установки плагина|

### Опции:
|Свойство|Тип|По умолчанию|Необязательно|Описание|
|-|-|-|-|-|
|echarts|typeof echarts|||Глобальный объект библиотеки ECharts|
|h|Function||✔|Метод `createElement` Vue (**Требуется** для Vue 3)|
|ResizeObserver|typeof ResizeObserver|window.ResizeObserver|✔|Когда глобальный `ResizeObserver` не существует, полифилл обеспечивает поддержку|
|name|string|"ECharts"|✔|Зарегистрированное имя компонента|
|deepWatchOption|boolean|true|✔|Глубокое наблюдение за опорой "option"|

### Свойства экземпляра:
|Имя|Тип|Только для чтения|Описание|
|-|-|-|-|
|inst|ECharts|✔|Экземпляр ECharts|

### props:
|Название|Тип|Значение по умолчанию|Реактивность|Описание|
|-|-|-|-|-|
|initTheme|object \| string||✔|Параметр `theme` метода `echarts.init`, см.|
|initOpts|object||✔|Параметр `opts` метода `echarts.init`, см.|
|loading|boolean|false|✔|Отображает анимацию загрузки|
|loadingType|string|"default"||Параметр `type` метода экземпляра ECharts `showLoading`, см.|
|loadingOpts|EChartsLoadingOption|||Параметр `opts` метода экземпляра ECharts `showLoading`, см.|
|option|EChartOption||✔|Параметр `option` метода экземпляра ECharts `setOption`, см. **Параметры**

* **optionOpts**: параметр EChartsOptionConfig метода setOption экземпляра ECharts, см. 
* **events**: аргументы [] метода on экземпляра ECharts, см.  
* **autoResize**: логическое значение true (истина). ✔ Автоматическое изменение размера.

***Помимо указанных выше параметров props, остальные свойства передаются корневому элементу компонента, такие как style, class или onclick.***

**События**
|Название|Описание|
|-|-|
|resize|Событие срабатывает при изменении размера диаграммы.|

**Методы**
|Определение|Описание|
|-|-|
|`setOption` (*option*: EChartOption, *opts*?: EChartsOptionConfig): void|Вызов метода `setOption` экземпляра ECharts, см.|
|`resize`(): void|Изменение размера диаграммы (на основе размера корневого элемента)|
|`addResizeListener`(): void|Добавление слушателя «resize»|
|`removeResizeListener`(): void|Удаление слушателя «resize»|

**Контакты**
1. WeChat: cai_fanwei
1. QQ: 854521460
1. Группа QQ: 663286147
1. Электронная почта: ambit_tsai@qq.com