uniapp的使用,uniapp引用组件

　　uniapp引用展示的方法：1、通过单一应用程序官网直接安装展示插件生成展示项目模板；2、创建一个新的你好单一应用程序项目模板；3、把展示放到成分中。

　　单一应用程序开发（仿饿了么)开发课程：进入学习

　　本教程操作环境：windows7系统、uni-app2.5.1版本，戴尔自交第三代电脑。

　　推荐（免费):单应用程序教程

　　uni-app 引入 echarts

　　模板

　　视图class=container

　　视角

　　view class=canvasView

　　MP vue-echarts class= EC-canvas @ on init= line init canvasId= line ref=折线图/

　　/查看

　　/查看

　　/查看

　　/模板

　　脚本

　　//从" @/组件/e图表/e图表。简单。量滴js "中导入*作为电子海图；

　　//从" @/components/MP vue-e图表/src/e图表。vue "导入mpvueEcharts

　　从导入*作为电子图表./echarts/echarts.simple.min.js

　　从导入mpvueEcharts./mpvue-echarts/src/echarts.vue

　　导出默认值{

　　data() {

　　返回{

　　updateStatus: false，

　　行：{

　　图例：{

　　数据：[邮件营销]

　　},

　　xAxis: {

　　类型："类别",

　　数据：[周一,周二,周三,周四， Fri ，周六,周日]

　　},

　　亚西斯：{

　　类型："值",

　　数据：[]

　　},

　　dataZoom: [{ type: slider ，start: 30，end: 100，zoomLock: false，}]，

　　网格：{

　　左：40,

　　右：40,

　　底部：20,

　　top: 40，

　　containLabel: true

　　},

　　系列：[{数据：[],

　　数据：[820,932,901,934,1290,1330,1320],

　　类型："行",

　　颜色：[#5eb4e2]，//折线条的颜色

　　}]

　　}

　　}

　　},

　　方法：{

　　lineInit(e) {

　　让{

　　宽度，

　　高度

　　}=e；

　　让画布=这个refs.lineChart.canvas

　　埃查尔兹。setcanvascreator(()=canvas)；

　　让折线图=图表。init(canvas，null，{

　　宽度：宽度，

　　身高：身高

　　})

　　canvas.setChart(折线图)

　　lineChart.setOption(this.line)

　　这个refs.lineChart.setChart(折线图)

　　},

　　},

　　组件：{

　　mpvueEcharts

　　}

　　}

　　/脚本

　　风格。ec-canvas {

　　显示器：flex

　　身高：100%;

　　flex:1；

　　}。canvasView {

　　宽度：700upx

　　身高：500upx

　　}

　　/style1，通过单一应用程序官网直接安装展示插件生成展示项目模板

　　2、在编辑器中创建一个新的你好单一应用程序项目模板

　　3、把展示模板中成分下面的展示放到自己项目成分中

　　4、把你好单一应用程序模板中成分下面的mpvue-echarts放到自己项目成分中以上就是uniapp中如何引用展示的详细内容，更多请关注我们其它相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。