首页
前端开发
HTML5
Uni-App 中按需引入 ECharts 图表

Uni-App 中按需引入 ECharts 图表

32 次浏览 0 条评论
zip
zip

Uni-App 中提供了 ECharts 饼图组件，如果需要其他类型的图表，如折线图、柱状图等，可以按需引入。引入方法与饼图一致，具体步骤如下：

  1. 在项目中引入 ECharts 核心库：
npm install --save echarts
  1. 按需引入所需图表类型：
import { PieChart } from 'echarts/charts'
  1. 在组件中使用引入的图表类型：

[removed]
import { PieChart } from 'echarts/charts'
import { use } from 'echarts/core'

export default {
  onShow() {
    use([PieChart])
    const myChart = echarts.init(document.getElementById('pie'))
    const option = {}
    myChart.setOption(option)
  }
}
[removed]

通过上述步骤，即可在 Uni-App 中按需引入和使用 ECharts 图表。

zip 文件大小：9.95MB