uniapp+vue3中使用echarts图标

最近开发一个手机app项目，需要使用到图标展示数据，在网上找了半天没有详细怎么用的，懒得搬到手机备忘录里了，简单大概记录下怎么做的，免得以后忘了还到处去搜

1、在Echarts官方网站[https://echarts.apache.org/zh/index.html]使用npm下载或者HBuilder插件市场下载echarts[https://ext.dcloud.net.cn/plugin?id=4899]导入项目

因为插件内包是umd格式的，使用vue3环境时需要使用esm格式的包（HB插件市场的echarts有具体操作），我选用的是HB插件市场里的echarts，所以接下来是对应插件市场里的操作

2、根据HB插件市场详情页里的 代码演示 的基础用法，复制需要的代码到项目中，测试能否正常显示表图，如果有需要更改图标的话，可以在详情页中选择插件作者的示例站点做更多更改

———————————————————————————————————————————

2023.12.20：

成功显示之后，如果控制台出现这样的报错：The ticks may be not readable when set min: 0, max: 38000 and alignTicks: true

可以将radar里的indicator下的max删掉或者改为同一数值可消除错误，下列代码为修改后代码

radar: {
	indicator: [
			{ name: '销售（Sales）', max: 50000},
			{ name: '管理（Administration）', max: 50000},
			{ name: '信息技术（Information Technology）', max: 50000},
			{ name: '客服（Customer Support）', max: 50000},
			{ name: '研发（Development）', max: 50000},
			{ name: '市场（Marketing）', max: 50000}
		]
	},

———————————————————————————————————————————

2024.02.03

对项目进行测试检查时发现在使用echarts图标页面的控制台返回

“DEPRECATED: 'normal' hierarchy in itemStyle has been removed since 4.0. All style properties are configured in itemStyle directly now.”

 “DEPRECATED: textStyle hierarchy in name has been removed since 4.0. All textStyle properties are configured in name directly now.” 

 “DEPRECATED: name property in radar component has been changed to axisName”

的warn提示，用翻译软件翻译了下，大致意思是4.0更新之后，‘normal’被废弃了，直接在itemStyle里配置即可；textStyle属性被废弃，所有textStyle属性直接在名称中配置(没太明白啥意思)；雷达图标中的 “name” 改为了 “axisname” 。做出对应修改即可去除warn提示。

但是不知道是我的问题还是echarts的问题，将全部name改成axisname之后，会提示series中axisname不存在，并且雷达图中不显示你设置好的文字，除此之外并无影响，对于 “DEPRECATED: name property in radar component has been changed to axisName” 这个告警根据个人项目需求更改吧，似乎目前暂时没有太大影响。