uniapp如何使用百度echarts图表

uniapp如何使用百度echarts图表与高德地图。官方提供的方案是 lang="renderjs"模式，该方式支持DOM操作。

注意：renderjs模式仅支持APP与H5，如要想兼容小程序，请到社区找插件实现小程序图表。

百度echarts图表使用方法步骤：

步骤一：到百度官网下载 echarts.min.js 【https://echarts.apache.org/zh/index.html】

步骤二：将echarts.min.js放在【**项目/static/js/echarts.min.js】文件夹下

步骤三：封装一个Echarts.vue公共的组件，该组件在【**项目/components/Echarts/Echarts.vue】文件夹下。其代码如下

页面内的使用方式如下。注：如果页面中需要使用到echarts实例的方法，可以通过require()方法导入。

以下是对uniapp缺陷的补充：
注意：uniapp的APP端逻辑层与视图层的数据(对象数组)传输，应该是经过JSON.stringify格式化后传输的，所以会导致echarts的yAxis.axisLabel. formatter函数被清空。APP端逻辑层与视图层之间的js是完全独立的环境运行，不能像H5那样挂载全局变量解决传参（uni.XXX、Vue.prototype.XXX），所以要想解决上面的问题，只能是在renderjs内添加formatter函数。
解决方法：利用【_formatter】字段做判断，补上formatter函数

下面是uniapp项目封装的组件代码（推荐使用），利用对象深拷贝与toString()方法将函数转化成字符串，再用eval()函数将字符串解析出函数，这样就能解决uniapp函数被清空的问题，但是仅支持纯函数。注：如果该函数与它之前的作用域关系，那么这个函数执行将会异常。

更多百度图表示例：http://www.isqqw.com/

uniapp高德地图使用：
https://www.jianshu.com/p/57ebc0eef122

uniapp中的renderjs模式数据通信方式，请参考如下博客：

http://events.jianshu.io/p/8cd2b0db7b65

https://m.php.cn/uni-app/481299.html