Echarts是前端的图表,百度上有Demo的,只要从后台向前台传递json数据,解析下绑定到Echarts上,即可显示效果。
步骤:
后台取到数据,转化为json;
前台获取到json,改写Echarts调用的js;
在后台的controller中用Map<String, double[]>geocoordMap=new HashMap<String, double[]>()来存储地理经纬度数据,例如:String key="上海"
double[] value=new double[]{121.550544,31.227384}
geocoordMap.put(key, value)
需要标记多少个点,就put几个(key,value)到geocoordMap里面,然后将geocoordMap以json格式传到前台,var geoCoordData=data取值;直接在option里面写: geoCoord: geoCoordData, 即可
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)