12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- $(function(){
- var worldMapContainer1 = document.getElementById('distribution_map');
- var myChart = echarts.init(worldMapContainer1);
- var option = {
- tooltip: {
- trigger: 'item'
- },
- legend: {
- orient: 'vertical',
- x: 'left',
- y: 'bottom',
- data: [
- '已安装设备'
- ],
- textStyle: {
- color: '#ccc'
- }
- },
- visualMap: {
- min: 0,
- max: 2500,
- left: 'right',
- top: 'bottom',
- text: ['高', '低'],
- calculable: true,
-
- textStyle: {
- color: '#fff'
- }
- },
- series: [{
- name: '已安装设备',
- type: 'map',
- aspectScale: 0.75,
- zoom: 1.2,
- mapType: 'china',
- roam: false,
- label: {
- normal: {
- show: true,
- textStyle:{color:"#c71585"}
- },
- emphasis: {
- show: true,
- textStyle:{color:"#800080"}
- }
- },
- itemStyle: {
- normal: {
- borderWidth: .5,
- borderColor: '#009fe8',
- areaColor:"#ffffff",
- },
- emphasis: {
- borderWidth: .5,
- borderColor: '#4b0082',
- areaColor:"#ffdead",
- }
- },
- data: function() {
- var serie = [];
- for(var i = 0; i < vm.map.length; i++) {
- var item = {
- name: vm.map[i].area,
- value: vm.map[i].cnt
- };
- serie.push(item);
- }
- return serie;
- }()
- }
- ]
- };
- myChart.setOption(option);
-
-
- myChart.setOption(option);
- myChart.on('click', function (params) {
- if (params.componentType === 'series') {
- }
- })
- }
- )
|