小程序echarts

一、引入ec-canvas文件

https://github.com/ecomfe/echarts-for-weixin

“ec-canvas”

二、配置json

{

"usingComponents":{

"ec-canvas":"../../ec-canvas/ec-canvas"

}

}

三、书写结构

<view class="container log-list">

<ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ec}}"></ec-canvas>

</view>

四、js文件

//logs.js

const util = require('../../utils/util.js')

import * as echarts from '../../ec-canvas/echarts'

const app = getApp()

function initChart(canvas,width,height){

const chart = echarts.init(canvas,null,{

width:width,

height:height

})

canvas.setChart(chart)

var option = {

color:["#37A2DA","#67E0E3","#9FE6B8"],

legend:{

data:["A","B","C"],

top:20,

left:"center",

z:100

},

grid:{

left:"3%",

right:"4%",

bottom:"3%",

containLabel:true

},

xAxis:{

type:"category",

boundaryGap:false,

data:["周一","周二","周三","周四","周五","周六","周日"]

}

chart.setOption(option)

return chart

}

Page({

onShareAppMessage:function(res){

return{

title:"Echarts",

path:"/pages/index/index",

success:function(){},

fail:function(){}

}

},

data: {

ec:{

onInit:initChart

},

logs: []

},

onReady(){},

onLoad: function () {

this.setData({

logs: (wx.getStorageSync('logs') || []).map(log =>{

return util.formatTime(new Date(log))

})

})

}

})

现在小程序的市场发展趋势大火，很多商家朋友都希望借助小程序来打通转化微信端流量，那么对于新手商家来说，小程序到底该怎么制作？一起来了解吧。

一、注册小程序账户

首先我们需要注册一个商城小程序账号：访问微信公众平台，按照要求进行注册，注册完成，记录下小程序APP密钥和小程序相关信息。

二、选择小程序开发方式

一般来说商城小程序有以下三种开发方式，建议商家按照实际需求去选择。

1、独立开发：这个侧重依赖于开发者的技术实力，涉及到代码开发，并不是很容易呈现让人满意的效果。另一方面，也要视小程序的难易程度来影响开发成本和周期，如果是较为复杂的商城小程序，一个人无法独立完成，那么商家也要把租用场地、租用设备、聘请技术人员等一系列的开支提前预算进去，成本和周期也会随之增加。需要注意的是商城小程序上线后，能否有持续的技术支持也是要考虑的问题。

2、第三方开发：这是大多数用户选择的开发方式，主要有第三方提供模板小程序和定制版小程序。

1）模板小程序：是针对每个行业的特性而统一开发制作，对于商家来说 *** 作简单，直接套用模板即可，开发周期短上线快（一般最快数天），营销功能也比较齐全，能满足日常经营需求，价格在几千不等，对于中小型商家来说性价比最高，在我们木鱼小铺最低不到两千元就可以制作一个功能齐全的模板商城小程序。

2）定制小程序：要根据商家的具体需求去定制开发，针对商城小程序的每个页面每项功能去开发，所以开发周期长，价格也在数万至十几万不等，能够最大程度去展现企业的品牌特色和自主性功能特色，更适合大企业使用。

小木提醒：在正式开发之前，建议商家朋友们都要先考虑好具体的功能需求，比如小程序未来发展方向，营销功能上是否需要直播、分销等等，不要等到上线后才发现某项功能缺失无法使用。

三、审核上线

小程序制作好后，需要先进行内测，以防上线后会出现BUG。随后发给微信官方审核上线即可。

以上就是商城小程序制作流程的教程分享啦，希望对您有所帮助。

---