1一些小感受
这几天一直在学习数据处理的方法,之前小老大用到的数据处理框架是使用highchart图表库,所以本来想使用highchart渲染生成中国地图,上网找了一些资料,highchart的中国实现了,只是需要用到的highmaps.js与之前使用的highcharts.js相冲突,不能够同时使用,
2.highchart异步加载数据显示在map
a静态数据
<script type="text/javascript">
$(document).ready(function () {
var options = {
chart: {
},
mapNavigation: {
enabled: true
},
title: {
text: '地图'
},
subtitle: {
text: '临时数据'
},
series: [{
name:'省份',
mapData: Highcharts.maps['countries/cn/custom/cn-all-sar-taiwan'],
joinBy:'hc-key',
data: [{
'hc-key': 'cn-zj',
value:22
}, {
'hc-key': 'cn-sx',
value:50
}],
dataLabels: {
enabled: true,
crop: false,
overflow: 'none',
}
}],
credits: {
text: '大学霸',
href: 'http://daxueba.net'
}
};
$('#container').highcharts('Map',options);
});
</script>
b.异步数据(后台提交到前台的数据要按照map里面的数据显示
data: [{
'hc-key': 'cn-zj',
value:22
}, {
'hc-key': 'cn-sx',
value:50
}],
)这样的格式
<style type="text/css">
#container {
width: 500px;
height: 500px;
/* border: 1px solid #000; */
padding: 0px;
margin: 10px;
}
</s