echarts怎么把代码移动在hbuilder里面

echarts怎么把代码移动在hbuilder里面

按步骤进行。1、打开HBuilderX开发工具，新建项目，选择uni-app，输入项目名称，选择项目位置和模板，然后点击创建。

2、在HBuilderX插件市场搜索echarts，查到echarts-renderjs。

3、点击使用HBuilderX导入插件，将插件导入到HBuilderX。4、就可以将echarts代码移动在hbuilder里面。

uniapp如何使用高德地图

下面用的高德地图v2版本，使用的【Key】【安全密钥】仅用于学习与测试（使用次数有限制），公司或个人的项目请到高德控制台中心申请。

uni-app 代码

一个uni-app工程，默认包含如下目录及文件： ┌─common 用于存放一些通用的 js/css/less/scss │─cloudfunctions 云函数目录（阿里云为aliyun，腾讯云为tcb） │─ components 符合vue组件规范的uni-app组件目录 │ └─comp-a.vue 可复用的a组件 ├─hybrid 存放用于webview的本地网页的目录， 详见 ├─platforms 存放各平台专用页面的目录, 详见 │ ├─ app-plus app │ ├─ h5 h5 │ ├─ mp-weixin 微信小程序 ├─ pages 业务页面文件存放的目录 │ ├─index │ └─index.vue index页面 ├─ static 存放静态资源（如图片、视频等）的目录， 打包时其内容直接拷贝而不编译 ├─wxcomponents 存放小程序组件的目录， 详见 │ └──custom 微信小程序自定义组件 │ ├─index.js │ ├─index.wxml │ ├─index.json │ └─index.wxss ├─ main.js Vue初始化入口文件 ├─ App.vue 应用配置，用来配置App全局样式以及监听 应用生命周期 ├─ manifest.json 配置应用名称、appid、logo、版本等打包信息， 详见 └─ pages.json 配置页面路由、导航条、选项卡等页面类信息， 详见 运行在视图层的js，避免逻辑层和渲染层交互通信折损。 仅支持编译到微信小程序、H5、app-vue nvue可用bindingx代替 运行在视图层的js，避免逻辑层和渲染层交互通信折损。

性能比WXS更好。

仅支持编译到 app-vue 和 H5 在视图层操作dom，因此可接触到dom、bom API，可使用f2、echarts、threejs库，但不可直接访问逻辑层数据，因此不可以使用 uni 相关接口（如：uni.request） 基于 weex 改进的原生渲染引擎，提供了原生渲染能力。 vue页面使用webview渲染；nvue页面使用原生渲染。一个项目中两种页面可以混用。 仅可在App.vue中监听，在其它页面监听无效。

onLaunch 、onShow、onHide 、onError 等 onLoad 、onShow 、onReady 、onHide 、onUnload 、onPullDownRefresh 、onReachBottom 、onBackPress、onPageScroll等 同vue组件生命周期 beforeCreate、created、beforeMount、mounted、beforeDestroy、destroyed 通过pages.json配置，通过 navigator 组件或调用 API 跳转，类似小程序 可以在 vue-config.js 中配置更多环境 vue页面是webview渲染的、app端的nvue页面是原生渲染的。

uni-app App端中使用 原生插件引入

1.

uniapp怎样获取微信小程序dom元素？

微信小程序虽然是基于浏览器内核的，但它的界面却不是html（而是自创的wxml），所以是不支持获取dom元素的，因此也无法使用第三方插件。小程序本身有各种替代解决方案，自己去文档里找一下。

uniapp使用canvas制作取色器