安装

1、Hbuilder X下载

如果您是使用Hbuilder X开发的用户，您可以在uni-app插件市场通过uni_modules的形式进行安装，此安装方式可以方便您后续在uni_modules对uview-plus进行一键升级。

• 在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件，导入到对应的项目中即可。

下载地址：https://ext.dcloud.net.cn/plugin?name=ly-charts

2、引入lyCharts

在项目根目录中的main.js中，引入并使用lyCharts，注意这两行要放在const app = createSSRApp(App)之后。

// main.js

// 引入全局lyCharts
import lyCharts from '@/uni_modules/ly-charts'

// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  app.use(lyCharts, () => {
    return {
    }
  })
  return {
    app
  }
}
// #endif

3、配置easycom组件模式

此配置需要在项目根目录的pages.json中进行。

温馨提示

1. uni-app为了调试性能的原因，修改easycom规则不会实时生效，配置完后，您需要重启HX或者重新编译项目才能正常使用lyCharts的功能。
2. 请确保您的pages.json中只有一个easycom字段，否则请自行合并多个引入规则。

// pages.json
{
	"easycom": {
		"autoscan": true,
		// 注意一定要放在custom里，否则无效，https://ask.dcloud.net.cn/question/131175
		"custom": {
			"^ly-(.*)" : "@/uni_modules/ly-charts/components/ly-$1/ly-$1.vue"
		}
	},
	
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}