效果圖：
在對應js裡
import * as echarts from '../../components/ec-canvas/echarts.js';
引用一下元件裡的js；
就可以開始用了
functioninitchart(canvas,width,height));canvas.setchart(chart);varoption =;chart.setoption(option);returnchart;}
option = ,
yaxis: ,
series:
};建議大家使用時配合 術語檢視手冊來查詢api；
echart的計算很好，定義一些座標即可
xaxis 是x軸 x軸裡可以配置一些對應的樣式。包括座標軸，刻度值，刻度文字等等；y軸與x軸對應
grid 是距離左部距離 。 由於echart是canvas生成 ，如果有邊距的話，需要加上距離 ，給10%即可；
series 是圖中的線資料陣列 ，這個陣列裡包著物件，乙個物件代表一條線 ； 物件裡也可以對應更改樣式；更多api可以在官網中查詢修改；
至於的虛線背景即是
splitline物件裡的樣式
至於echart層級問題，我查詢了大部分網上答案，還是沒有得到比較好的解決方案；
我個人的解決方案是用乙個盒子包住echart限定寬度，互動時將包住echart的盒子寬度變成0；反之在撐開；背景在做成對應顏色；總的效果就是echart消失吧；
echart在微信小程式中的應用
import as echarts from ec canvas echarts.min ec canvas echart最常用的場景是顯示靜態資料，然而還有一些場景需要實時更新資料並以視覺化的方式顯示出來，echart同樣很好的支援了這個需要。只需要更新echart的核心option中的serie...
微信小程式 使用Iconfont
1 準備好iconfont字型圖示素材 2 運用到 中 因為專案用到的字型圖示較多，所以複製了整個iconfont.css，並沒有去做任何改動，用到字型圖示的頁面在css中去引用就行，例如 import iconfont iconfont.wxss 在wxml中寫 圖示 可以在 上覆制 3 注意的問...
微信小程式template使用
當您的專案需要多次使用同乙個布局和樣式的時候，您就可以考慮使用template 模板 來減少冗餘 使用方式 1.新建乙個template資料夾來存放您的通用模板 2.在資料夾裡面新建乙個wxml，wxss,進行模板和樣式的定義 3.設定模板的name，以及裡面您需要定義的wxml內容 4.設定wxs...