/* 解決搬運**之後頁面變成空白 */
.container
.picker-pos
}import * as echarts from '../../ec-canvas/echarts';
var proname = ;//費用項名稱
var curvalue_sum = ;//當月總金額
var audvalue = ;//批覆金額
let chart = null;
page();
canvas.setchart(chart);
return chart;}}
},//調取費控統計介面
othercostreport: function () );
wx.request(,
header: ,
method: 'post',
success(res) )
// 繪製圖表
chart.setoption(
},legend: ,
data: ['消費金額', '批覆金額']
},grid: ,
toolbox: ,
calculable: true,
//x軸數值
xaxis: [
],yaxis: [
//y軸資料
],//給圖表設定滾輪
datazoom: [,],
series: [
} }
},data: curvalue_sum
},, fontsize: 10,rich: {}}
} },
data: audvalue}]
},true)
//解決頁面二次渲染重複資料問題
proname = ;//費用項名稱
curvalue_sum = ;//當月總金額
audvalue = ;//批覆金額
}wx.hideloading();
},fail(res) , 2000);}})
},/**
* 生命週期函式--監聽頁面載入
*/onload: function (options) ,
/*** 生命週期函式--監聽頁面初次渲染完成
*/onready()
});到這一步就完成了,我是通過呼叫後台介面獲取的動態資料然後進行圖表渲染;
微信開發之微信小程式template使用
當您的專案需要多次使用同乙個布局和樣式的時候,您就可以考慮使用template 模板 來減少冗餘 使用方式 1.新建乙個template資料夾來存放您的通用模板 2.在資料夾裡面新建乙個wxml,wxss,進行模板和樣式的定義 3.設定模板的name,以及裡面您需要定義的wxml內容 4.設定wxs...
微信小程式之模板使用
一 模板 二 引用 wxml 提供兩種檔案引用方式import和include。import可以在該檔案中使用目標檔案定義的template import 有作用域的概念,即只會 import 目標檔案中定義的 template,而不會 import 目標檔案 import 的 template。i...
微信小程式之模板的使用
在乙個專案中需要在多處頁面使用類似的模組,就需要建立模板 減少 量,同時 高度復用 一 定義模板 1 新建乙個template資料夾用來管理專案中所有的模板 2 新建乙個courselist.wxml檔案來定義模板 3 使用name屬性,作為模板的名字。然後在內定義 片段。乙個.wxml檔案中可以定...