本文用的是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元
PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!
C++高性能并发应用_C++如何开发性能关键应用
Java AI集成Deep Java Library_Java怎么集成AI模型部署
Golang后端API开发_Golang如何高效开发后端和API
Python异步并发改进_Python异步编程有哪些新改进
C++系统编程内存管理_C++系统编程怎么与Rust竞争内存安全
Java GraalVM原生镜像构建_Java怎么用GraalVM构建高效原生镜像
Python FastAPI异步API开发_Python怎么用FastAPI构建异步API
C++现代C++20/23/26特性_现代C++有哪些新标准特性如modules和coroutines
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号