Echart地图城市用json返回格式

  用Echarts中,使用地图的series部分中展示城市如果用json返回数据的话,js不能直接用字符串使用.需要处理一下.

  php中的部分 json返回的数据

  

js中获取json信息 用ajax实现调用

因为Echarts图表map中的展示城市需要的格式是[{name:‘北京‘},{name:‘天津‘}] 先是数组然后是对象形式的,但是js中不支持字符串格式的数据,所以我们就用js中的array()和Object()处理一下.最后push()一下. 然后我们console.log一下 如果出现的是这样的

那么就成功了.

结果就是这样的

  

时间: 2024-10-26 20:33:40

Echart地图城市用json返回格式的相关文章

SpringMVC 设置全局DateTime json返回格式

对于部分返回DateTime的项目,只需要在指定属性上添加@JsonSerialize 使用自定义的json转换格式即可自定义返回DateTime格式 但是对于项目中返回有多个DateTime字段来说,上面的方法明显不适用,这时需要自定义全局的DateTime转换器: 1.配置文件: <!-- 采用SpringMVC自带的JSON转换工具,支持@ResponseBody注解 --> <bean class=" org.springframework.web.servlet.mv

struts+json 返回json格式多了斜杠的问题

功能要求 C#做http请求 ,后台 struts+json 返回json格式数据, 大概代码是这样的 后台java public String jo ; public String getNumpsQty(){ //*** JSONObject obj=new JSONObject(); JSONArray ja =JSONArray.fromObject(onv); obj.put("count", row); obj.put("root", ja); setJ

1.3WEB API 默认以json格式返回数据,同时定义时间格式,返回格式

首先我们知道,web api 是可以返回任意类型的,然后在输出的过程中转为(默认的)xml. 但是xml是比较费流量的,而且大多前端都是用json对接,所以我们也只能随大流,把它输出改成json. 不废话了,直接上代码,反正就这么点. public static class WebApiConfig { public static void Register(HttpConfiguration config) { config.MapHttpAttributeRoutes(); config.R

中国天气网城市代码json格式的生成与应用

一.城市代码Json格式生成 各个天气应用普遍使用中国天气网的城市id,但是最近天气网开始要求注册.认证,估计离收费不远,开放接口也时灵时不灵,为了app的流畅运行,可以将城市代码保存到本地使用.源城市代码网址:http://cj.weather.com.cn/support/Detail.aspx?id=51837fba1b35fe0f8411b6df,源城市代码原文: 1 城市ID列表 2 3 citycode 城市 二级 一级 4 5 101010100,北京,北京,北京 6 7 1010

后端返回值以json的格式返回,前端以json格式接收

以随便一个类为例子:这个例子是查询企业主营类别前5事项 (1)后端将结果绑定到param中,然后将结果以为json的格式返回到前端 /** * 查询企业主营类别前5事项 * @param request * @param response * @param config * @throws Exception * @author hongxy * 2017年6月1日下午2:21:14 */ public void getEnterpriseMainCategory(HttpServletRequ

SpringBoot学习笔记(5):处理前端JSON返回的日期的格式

SpringBoot学习笔记(4):处理前端JSON返回的日期的格式 问题描述 前端页面显示的时间为毫秒格式,不利于直观显示! 解决方法1--后端解决 public class Flow { @JsonFormat(pattern = "yyyy-MM-dd", timezone="GMT+8") private Date flow_date; ..... } 解决方法2--JS处理 function crtTimeFtt(val, row) { if (val !

空气质量实时监测数据接口JSON返回示例

空气质量实时监测数据能够反映实时空气质量,空气质量实时监测数据接口可以查询不同城市的空气质量最新结果.最近几周的空气质量数据和各监测点的数据. 接口名称:空气质量实时监测数据 接口平台:聚合数据 接口地址:http://web.juhe.cn:8080/environment/air/cityair 支持格式:JSON 请求方式:GET 请求示例:http://web.juhe.cn:8080/environment/air/cityair?city=城市名称&key=您申请的APPKEY值 接

echart地图+散点图表,点击散点触发BootstrapDialog弹框

echart地图和散点图结合,点击散点触发BootstrapDialog弹框. 需要引入文件jquery.bootstrap.bootstrap-dialog.min.js.echarts.min.js.echart地图用的china.js function repCityStrategy(rsData){//触发echart地图的,rsData是传给echart的数据 var mapType = $('#selectCityPrev').find('option:selected').val(

通过在jquery中添加函数发送ajax请求来加载数据库数据,以json的格式发送到页面

通过在jquery中添加函数发送ajax请求来加载数据库数据,以json的格式发送到页面 从数据库中查询仓库信息,显示在下拉菜单中: 首先,引入js插件,这里使用jquery-1.8.3.js <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script> 当页面加载完成后,就应该发送ajax请求到数据库,