該樓層疑似違規已被系統折疊?隱藏此樓查看此樓

echarts生成圖表區域#myChart

接下來設置echarts相關屬性和api接口option = {

title: {

text: '2015年GDP統計數據',

subtext: '數據來源網絡(單位：萬億元)',

left: 'center'

},

tooltip: {

trigger: 'item',

formatter: "{a}

 : {c}萬億元"

},

visualMap: {

min: 0,

max: 10,

left: 'left',

top: 'bottom',

orient: 'horizontal',

text: ['高', '低'], // 文本，默認為數值文本

calculable: true //是否啟用值域漫游，即是否有拖拽用的手柄，以及用手柄調整選中范圍。

},

toolbox: {//工具欄

show: true,

orient: 'vertical', //垂直

left: 'right',

top: 'center',

feature: {

mark: {show: true},

saveAsImage: {show: true} //保存為圖片

}

},

series: [

{

name: '2015年GDP',

type: 'map',

mapType: 'china',

roam: false, //是否開啟鼠標縮放和平移

itemStyle: {

normal: {label: {show: true}},

emphasis: {label: {show: true}}

},

data: []

}

]

};

var myChart = echarts.init(document.getElementById('myChart'));

myChart.showLoading();

myChart.setOption(option);最后遠程加載中國地圖數據$.ajax({

type: "post",

async: false, //同步執行

url: "mapdata.php",

dataType: "json", //返回數據形式為json

success: function(result) {

myChart.hideLoading(); //隱藏加載動畫

myChart.setOption({//渲染數據

series: [{

// 根據名字對應到相應的系列

name: '2015年GDP',

data: result

}]

});

},

error: function() {

alert("請求數據失敗!");

}

});PHP讀取中國省份表$sql = "select * from echarts_map";

$query = mysql_query($sql);

while($row=mysql_fetch_array($query)){

$arr[] = array(

'name' => $row['province'],

'value' => $row['gdp']

);

}最后附上中國省份地圖表CREATE TABLE IF NOT EXISTS `echarts_map` (

`id` int(11) NOT NULL AUTO_INCREMENT,

`province` varchar(45) NOT NULL,

`gdp` decimal(10,2) NOT NULL,

PRIMARY KEY (`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8;

總結

以上是生活随笔為你收集整理的echarts php 数据处理,PHP+echarts读取地图数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。