如何添加使用echats地图悬浮显示内容
/初始化绘制全国地图配置
var option = {
backgroundColor: '#000',
title: {
text: 'Echarts3 中国地图农村金融',
subtext: '三级科技下乡',
link: 'http://www.cnblogs.com/sxz2008/',
left: 'center',
textStyle: {
color: '#fff',
fontSize: 16,
fontWeight: 'normal',
fontFamily: "Microsoft YaHei"
},
subtextStyle: {
color: '#ccc',
fontSize: 13,
fontWeight: 'normal',
fontFamily: "Microsoft YaHei"
}
},
tooltip: { //显示悬浮窗口
trigger: 'item',
//使用这个函数返回悬浮内容
formatter:function(params){
//定义一个res变量来保存最终返回的字符结果,并且先把地区名称放到里面
// var res='随机数字'+'<br />';
var res=params.name+':'+'随机数字'+'<br />';
var myseries=provinces;//省市区
for(var i=0;i<myseries.length;i++){
if(myseries[i].name==params.name){
res+=myseries[i].name+':'+myseries[i].value+'<br />';
}
}
//市区
for(var j=0;j<city.length;j++){
if(city[j].name==params.name){ res+=city[j].name+':'+city[j].value+'<br />';
} }
//县区
for(var k=0;k<area.length;k++){
if(area[k].name==params.name){
res+=area[k].name+':'+area[k].value+'<br />';
}
}
return res;
}, },
toolbox: {
show: true,
orient: 'vertical',
left: 'right',
top: 'center',
feature: {
dataView: {
readOnly: false
},
restore: {},
saveAsImage: {}
},
iconStyle: {
normal: {
color: '#fff'
}
}
},
visualMap: {
type: 'continuous', // 连续型
min: 0, // 值域最小值,必须参数
max: 1200, // 值域最大值,必须参数
calculable: true, // 是否启用值域漫游
inRange: {
color: ['#50a3ba', '#eac736', '#d94e5d']
// 指定数值从低到高时的颜色变化
},
textStyle: {
color: '#fff' // 值域控件的文本颜色
}
}, animationDuration: 1000,
animationEasing: 'cubicOut',
animationDurationUpdate: 1000 };
使用echarts.js 改造git项目能够省市区显示具体内容;主要是json数据和formatter函数返回的值
如何添加使用echats地图悬浮显示内容的更多相关文章
- JS实现鼠标悬浮,显示内容
其实就是增加title属性
- iOS_地图之显示附近微博
1.首先需要新建一个MKMapView地图对象,在storyBoard中拖拽一个,在工程中导入MapKit.framework: 2.遵守MKMapViewDelegate协议,设定显示地 ...
- 百度地图API显示多个标注点并添加百度样式检索窗口
原作者博客地址:http://blog.csdn.net/a497785609/article/details/24009031 在此基础上进行了修改: 1.添加闭包,将i传入内部 2.添加地图和卫星 ...
- [Xcode 实际操作]四、常用控件-(17)为MKMapView地图上显示提示框
目录:[Swift]Xcode实际操作 本文将演示当点击地图上的标注圆点时,弹出信息窗口. 在项目导航区,打开视图控制器的代码文件[ViewController.swift] import UIKit ...
- 百度地图API显示多个标注点带提示的代码 / 单个标注点带提示代码
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- echarts以地图形式显示中国疫情情况实现点击省份下钻
首先要导入对应的包.下钻用到各个省份的json文件等内容导入之后进行相关的操作. 首先是从数据库中读取相应的数据文件.通过list方式.只有在ser出转化为json文件.在jsp页面通过ajax来进行 ...
- 百度地图API显示多个标注点带检索框
通过百度地图的api,可以在地图上显示多个标注点,并给所有的标注点实现了带检索功能的信息框 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T ...
- javascript学习内容--改变样式、取消设置、显示内容、隐藏内容
<head> <style> body{font-size:12px;} #txt{ height:400px; width:600px; border:#333 solid ...
- html5定位并在百度地图上显示
在开发移动端 web 或者webapp时,使用百度地图 API 的过程中,经常需要通过手机定位获取当前位置并在地图上居中显示出来,这就需要用到html5的地理定位功能. navigator.geolo ...
随机推荐
- getting data from the keybroad
public static String getString() throws IOException{ InputStreamReader isr = new InoutStreamReader(S ...
- input输入框限制20个字符,十个汉字
英文和数字为一个字符,汉字为两个字符 在 Web 开发中,经常要对表单元素的输入进行限制,比如说不允许输入特殊字符,标点.通常我们会监听 input 事件: inputElement.addEvent ...
- 潭州课堂25班:Ph201805201 django 项目 第三十九课 后台 文章发布,图片上传到 FastDFS后端实现 七牛云讲解(课堂笔记)
文章发布: # 1,从前台获取参数# 2,校验参数# 3,把数据保存到数据库# 4,返回执行结果到前台,(创建成功或失败) 自定义 froms.py 校验参数 上传图片到七牛云 注册 https:// ...
- C++程序设计方法3:类中的静态成员
在类型前面加static修饰的数据成员,是隶属于类的,成为类的静态数据成员,也称为“类的变量” 静态数据成员被该类的所有对象共享(即所有对象中的这个数据域实际上处于同一个内存位置) 静态数据要在实现文 ...
- select超全超详细总结篇
1.经常使用到select,每次都是翻翻翻资料,干脆总结一下,方便日后查看. 2.checked 匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) se ...
- Dada_WenJian
import java.io.BufferedReader; import java.io.File; import java.io.FileReader; import java.io.FileWr ...
- 线段树模板hdu 1754:I Hate It
I Hate It Time Limit: 9000/3000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total S ...
- poj3616 Milking Time(状态转移方程,类似LIS)
https://vjudge.net/problem/POJ-3616 猛刷简单dp的第一天第二题. 这道题乍一看跟背包很像,不同的在于它是一个区间,背包是定点,试了很久想往背包上套,都没成功. 这题 ...
- 配置iis支持.json格式的文件
配置iis支持.json格式的文件发现要让IIS支持json文件并不是单纯的添加mime这么简单啊,以下是设置方法:一.IIS 6 1. MIME设置:在IIS的站点属性的HTTP头设置里,选MIME ...
- 使用mkbootfs制作ramdisk根文件系统
span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }.CodeMirror ...