微信小程式之使用ecarts 詳細步驟

2022-08-23 02:48:12 字數 1419 閱讀 4723

/* 解決搬運**之後頁面變成空白 */

.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檔案中可以定...