mirror of
https://github.com/ecomfe/vue-echarts.git
synced 2025-08-14 19:23:28 +08:00
docs: update examples in readme (#524)
This commit is contained in:
18
README.md
18
README.md
@ -32,6 +32,7 @@ npm i -D @vue/composition-api
|
||||
```js
|
||||
import { createApp } from 'vue'
|
||||
import ECharts from 'vue-echarts'
|
||||
import { use } from "echarts/core"
|
||||
|
||||
// import ECharts modules manually to reduce bundle size
|
||||
import {
|
||||
@ -45,6 +46,13 @@ import {
|
||||
TooltipComponent
|
||||
} from 'echarts/components'
|
||||
|
||||
use([
|
||||
CanvasRenderer,
|
||||
BarChart,
|
||||
GridComponent,
|
||||
TooltipComponent
|
||||
])
|
||||
|
||||
const app = createApp(...)
|
||||
|
||||
// register globally (or you can do it locally)
|
||||
@ -61,8 +69,9 @@ app.mount(...)
|
||||
```js
|
||||
import Vue from 'vue'
|
||||
import ECharts from 'vue-echarts'
|
||||
|
||||
import { use } from 'echarts/core'
|
||||
// import ECharts modules manually to reduce bundle size
|
||||
|
||||
import {
|
||||
CanvasRenderer
|
||||
} from 'echarts/renderers'
|
||||
@ -74,6 +83,13 @@ import {
|
||||
TooltipComponent
|
||||
} from 'echarts/components'
|
||||
|
||||
use([
|
||||
CanvasRenderer,
|
||||
BarChart,
|
||||
GridComponent,
|
||||
TooltipComponent
|
||||
]);
|
||||
|
||||
// register globally (or you can do it locally)
|
||||
Vue.component('v-chart', ECharts)
|
||||
|
||||
|
@ -30,6 +30,7 @@ npm i -D @vue/composition-api
|
||||
```js
|
||||
import { createApp } from 'vue'
|
||||
import ECharts from 'vue-echarts'
|
||||
import { use } from "echarts/core";
|
||||
|
||||
// 手动引入 ECharts 各模块来减小打包体积
|
||||
import {
|
||||
@ -43,6 +44,13 @@ import {
|
||||
TooltipComponent
|
||||
} from 'echarts/components'
|
||||
|
||||
use([
|
||||
CanvasRenderer,
|
||||
BarChart,
|
||||
GridComponent,
|
||||
TooltipComponent
|
||||
]);
|
||||
|
||||
const app = createApp(...)
|
||||
|
||||
// 全局注册组件(也可以使用局部注册)
|
||||
@ -59,8 +67,9 @@ app.mount(...)
|
||||
```js
|
||||
import Vue from 'vue'
|
||||
import ECharts from 'vue-echarts'
|
||||
|
||||
import { use } from 'echarts/core'
|
||||
// 手动引入 ECharts 各模块来减小打包体积
|
||||
|
||||
import {
|
||||
CanvasRenderer
|
||||
} from 'echarts/renderers'
|
||||
@ -72,6 +81,13 @@ import {
|
||||
TooltipComponent
|
||||
} from 'echarts/components'
|
||||
|
||||
use([
|
||||
CanvasRenderer,
|
||||
BarChart,
|
||||
GridComponent,
|
||||
TooltipComponent
|
||||
]);
|
||||
|
||||
// 全局注册组件(也可以使用局部注册)
|
||||
Vue.component('v-chart', ECharts)
|
||||
|
||||
|
Reference in New Issue
Block a user