微信小程式Echars獲取動態資料

2021-10-14 02:04:34 字數 2084 閱讀 3488

但怎麼在畫echars時候option的值使用介面返回的資料呢?

在page的index.js中定義乙個畫echars的函式project->pages->index->index.js

function initchartthreet(canvas,width,height,option));

var option = ,

tooltip: {},

legend: ,

xaxis: ,

yaxis: ,//去除網格線

name: ''

},grid: ,

series: [}}

},data: [210,380]

}]};

}

在page的data裡面定義這個echars並初始化這個函式

data: ,

ts:,

ecthree:,

imagesrc:'../../pages/image/sun.png',

liu:'../../pages/image/sun.png'

},

在page的wxml裡面輸出data中的echars:project->pages->index->index.wxml

看下效果圖

因為不知道畫圖表的函式入參怎麼給,因為呼叫的時候是用的這個方法oninit:initchartthreet 實在不知道**可以傳遞引數進去,嘗試使用oninit:initchartthreet(xx,yy)不行

定義要傳遞的引數

我這裡要傳遞area和nums陣列。

globaldata:
2、修改globaldata,賦值globaldata

wx.request(

if (this.checkrequesttwocallback) }})

這裡的name其實是陣列的角標數字。

給大家看下我介面返回的真實的json資料

3、在page的js中使用globaldata project->pages->index->index.js

function initchartthreet(canvas,width,height,option));

var option = ,

tooltip: {},

legend: ,

xaxis: ,

yaxis: ,//去除網格線

name: ''

},grid: ,

series: [}}

},data:

}]}; console.log("if option.aree====",option.xaxis.data)

console.log("if option.nums====",option.series[0].data)

chart.setoption(option);

return chart;

}else

} }

與寫死的圖示相比,這裡在畫圖表的函式裡面使用了globaldata,多了如下**,把原來option裡面的data置成空陣列就好

chart.setoption(option);

return chart;

}else

} 這裡再說乙個坑:

chart.setoption(option);

return chart;

這兩行**要放到if else裡面,不能放外面,不然圖表一直畫出來是空的,因為取不到值,因為他會直接畫表,在if else執行獲得資料之前就畫圖表了。

微信小程式獲取unionId

注意本介面需要使用者授權,請開發者妥善處理使用者拒絕授權後的情況。第一步 需要的引數session key,iv,encrypteddata an highlighted block aes解密 待解密的位元組陣列 解密金鑰位元組陣列 iv初始化向量位元組陣列 運算模式 填充模式 public st...

微信小程式 獲取OpenId

var getinfo function thisobj method get success function openidres fail function faildata else fail function error var getinfoagain function thisobj m...

微信小程式之動態獲取元素寬高

那麼,這個api介面怎麼用呢?首先,這個介面會返回乙個物件例項。var obj wx.createselectorquery 下面的就是返回的物件例項 obj 的所有內容。返回的 obj 有五個方法 1.obj.in component 沒用過這個方法,多用於元件的選擇器。2.obj.select ...