Echart获取后台数据渲染到map，bar

本文主要是介绍Echart获取后台数据渲染到map，bar，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

这篇关于Echart获取后台数据渲染到map，bar的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---