如何使用jquery來初始化echarts

1.引入 ECharts

創(chuàng)新互聯(lián)建站網(wǎng)站建設提供從項目策劃、軟件開發(fā)，軟件安全維護、網(wǎng)站優(yōu)化(SEO)、網(wǎng)站分析、效果評估等整套的建站服務，主營業(yè)務為成都網(wǎng)站制作、網(wǎng)站設計、外貿(mào)網(wǎng)站建設，重慶APP軟件開發(fā)以傳統(tǒng)方式定制建設網(wǎng)站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。創(chuàng)新互聯(lián)建站深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

!DOCTYPE htmlhtmlhead meta charset="utf-8" !-- 引入 ECharts 文件 -- script src="echarts.min.js"/script/head/html

2.繪制一個簡單的圖表

在繪圖前我們需要為 ECharts 準備一個具備高寬的 DOM 容器。

body !-- 為 ECharts 準備一個具備大?。▽捀撸┑?DOM -- div id="main" style="width: 600px;height:400px;"/div/body

3.然后就可以通過 echarts.init 方法初始化一個 echarts 實例并通過 setOption 方法生成一個簡單的柱狀圖，下面是完整代碼。

!DOCTYPE htmlhtmlhead meta charset="utf-8" titleECharts/title !-- 引入 echarts.js -- script src="echarts.min.js"/script/headbody !-- 為ECharts準備一個具備大小（寬高）的Dom -- div id="main" style="width: 600px;height:400px;"/div script type="text/javascript" // 基于準備好的dom，初始化echarts實例 var myChart = echarts.init(document.getElementById('main')); // 指定圖表的配置項和數(shù)據(jù) var option = { title: { text: 'ECharts 入門示例' }, tooltip: {}, legend: { data:['銷量'] }, xAxis: { data: ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"] }, yAxis: {}, series: [{ name: '銷量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }; // 使用剛指定的配置項和數(shù)據(jù)顯示圖表。 myChart.setOption(option); /script/body/html

jquery 初始化html元素

load事件只會發(fā)生在以下指定的幾種標簽或對象中：

APPLET, BODY, EMBED, FRAME, FRAMESET, IFRAME, IMG, LINK, SCRIPT, window

而且也只會發(fā)生在首次加載的時候，動態(tài)添加的是不會觸發(fā)這個事件的。

何不換一種思路，就是在動態(tài)載入html的同時就把代碼改了呢？

Jquery用ajax獲取數(shù)據(jù)后在頁面取不到，確定后臺已經(jīng)傳數(shù)據(jù)過來了。

Jquery用ajax獲取數(shù)據(jù)后在頁面取不到，確定后臺已經(jīng)傳數(shù)據(jù)過來了是設置錯誤造成的，解決方法為：

1、打開HBuilderX工具，創(chuàng)建Web項目，新建靜態(tài)頁面ajax.html。

2、打開已新建的ajax.html文件，引入jquery文件并修改title標簽內(nèi)容。

3、在body/body標簽中，插入一個div標簽，并在div標簽中插入一個table。

4、接著在項目中的data文件夾下，新建user.json文件。

5、打開user.json文件，添加json格式數(shù)據(jù)。

6、在script/script標簽中，jquery初始化函數(shù)，調(diào)用ajax()方法讀取json文件數(shù)據(jù)；返回成功后，將數(shù)據(jù)渲染加到table中。

jquery的初始化方法有哪些

第一種:

script type="text/javascript" src="./js/jquery-1.7.min.js"/script

script type="text/javascript"

//init method one

$(document).ready(function(){

trace("初始化方法進入");

});

function trace(obj){

console.log(obj);

}

/script

第二種:

script type="text/javascript"

//init method one

$(function(){

trace("初始化方法進入二");

});

function trace(obj){

console.log(obj);

}

/script

第三種：

script type="text/javascript" src="./js/jquery-1.7.min.js"/script

script type="text/javascript"

//init method one

jQuery(function($){

trace("初始化方法進入三");

});

function trace(obj){

console.log(obj);

}

/script