本文用的是echarts图表插件,就是百度退出来的,调用方法很简单。
echarts配置option = { <br>
title: { <br>
text: '2015年GDP统计数据', <br>
subtext: '数据来源网络(单位:万亿元)', <br>
left: 'center' <br>
}, <br>
tooltip: { <br>
trigger: 'item', <br>
formatter: "{a} <br>{b} : {c}万亿元" <br>
}, <br>
visualMap: { <br>
min: 0, <br>
max: 10, <br>
left: 'left', <br>
top: 'bottom', <br>
orient: 'horizontal', <br>
text: ['高', '低'], // 文本,默认为数值文本 <br>
calculable: true //是否启用值域漫游,即是否有拖拽用的手柄,以及用手柄调整选中范围。 <br>
}, <br>
toolbox: {//工具栏 <br>
show: true, <br>
orient: 'vertical', //垂直 <br>
left: 'right', <br>
top: 'center', <br>
feature: { <br>
mark: {show: true}, <br>
saveAsImage: {show: true} //保存为图片 <br>
} <br>
}, <br>
series: [ <br>
{ <br>
name: '2015年GDP', <br>
type: 'map', <br>
mapType: 'china', <br>
roam: false, //是否开启鼠标缩放和平移 <br>
itemStyle: { <br>
normal: {label: {show: true}}, <br>
emphasis: {label: {show: true}} <br>
}, <br>
data: [] <br>
} <br>
] <br>
}; <br>
var myChart = echarts.init(document.getElementById('myChart')); <br>
<br>
myChart.showLoading(); <br>
myChart.setOption(option);
中国地图省份数据读取:http://www.sucaihuo.com/js/720.html
PHP+echarts读取地图数据.zip ( 191.71 KB 下载:49 次 )
AD:真正免费,域名+虚机+企业邮箱=0元