在unity中使用echarts

• 首先根据链接打开echarts

• 打开链接，跳转到echart

• 点击code，下载包

• 打开vscode，点击文件---》打开文件夹，选择刚刚下载且解压过后的echarts的文件，选择dist文件夹，打开。

进入后页面是这样的

• 新建一个html文件

• 打出一个！（感叹号），回车

• 引入echarts的js文件 <script src="echarts.min.js"> </script>

在body里初始化一个echarts的div盒子，宽400px,高320px;

<div id="main" style="width: 400px;height:320px;"> </div>

• 然后再script 标签中写图表的初始化代码

<script src="text/javascript">

var mCharts = echarts.init(document.querySelector('div'))

//初始化echarts，寻找div的节点元素，在下面放置echarts节点。

</script>

• 然后可以在官网上的案例中复制代码，展示想要的图表。

复制图表中的代码后要记得let一下，表示创建一个变量，来存图表的数据

结尾记得

mCharts.setOption(option);

---

• 使用： Embedded Browser*

在unity中将插件导入项目中， 参考文章：参考文章1及参考文章2

导入插件后，在Assets文件同级下，新建一个文件夹，命名为BrowserAssets,不可以是其他名称,必须一致（因为若放在Assets下面，会自动默认为代码为unityScript而不是JavaScript）*

• 然后就是将我们写好的echarts.html文件放置到该文件夹下，在此我是将之前dist中的文件复制过来了。

• 然后，创建一个原始图像，添加Browser脚本，然后会出现两个脚本文件，在browser的url中输入文件路径