前言

本來想寫echarts初始化函數的，但最近因為要寫一個地圖與柱狀圖的混合方式，也就是每個省的地圖上要有柱狀圖顯示。于是仔細使用了一下地圖。

1、地圖的一些基本屬性就不介紹了，還是那些style

2、地圖數據的獲取以及Series的加載和其他沒有什么大的差異。地圖數據都在map.js中，都可以自己看，也可以自己根據格式獲取響應的數據。

這里主要想處理的是圖例顏色與地圖底圖顏色怎么設置的問題。

1、圖例的顏色代碼

refresh: function (newOption) {  if (newOption) {  this.option = newOption || this.option;  this.option.legend = this.reformOption(this.option.legend);  this.legendOption = this.option.legend;  var data = this.legendOption.data || [];  var itemName;  var something;  var color;  var queryTarget;  if (this.legendOption.selected) {   for (var k in this.legendOption.selected) {   this._selectedMap[k] = typeof this._selectedMap[k] != 'undefined' ? this._selectedMap[k] : this.legendOption.selected[k];   }  }  for (var i = 0, dataLength = data.length; i < dataLength; i++) {   itemName = this._getName(data[i]);   if (itemName === '') {   continue;   }   something = this._getSomethingByName(itemName);   if (!something.series) {   this._hasDataMap[itemName] = false;   } else {   this._hasDataMap[itemName] = true;   if (something.data && (something.type === ecConfig.CHART_TYPE_PIE || something.type === ecConfig.CHART_TYPE_FORCE || something.type === ecConfig.CHART_TYPE_FUNNEL)) {    queryTarget = [    something.data,    something.series    ];   } else {    queryTarget = [something.series];   }//可以看到下面這一句commend by danielinbiti，圖例顏色先查找series是否設置了itemStyle.normal.color這個屬性進行判斷，如果沒有，則會按照默認的顏色設置取值。如果設置了，就按照設置的顏色取值。現在想設置，肯定需要在series中對應的坐標系中設置顏色。 color = this.getItemStyleColor(this.deepQuery(queryTarget, 'itemStyle.normal.color'), something.seriesIndex, something.dataIndex, something.data); if (color && something.type != ecConfig.CHART_TYPE_K) { this.setColor(itemName, color); } this._selectedMap[itemName] = this._selectedMap[itemName] != null ? this._selectedMap[itemName] : true; } } } this.clear(); this._buildShape(); },

2、于是可能產生了如下一個坐標系設置代碼

{    name: 'iphone3',    type: 'map',    mapType: 'china',    selectedMode:'single',    roam: true,    showLegendSymbol:true,    itemStyle:{     normal:{     label:{show:true}     ,areaStyle:{color:'green'} //設置地圖背景色的顏色設置     ,color:'rgba(255,0,255,0.8)' //剛才說的圖例顏色設置     },     emphasis:{label:{show:true}}    },    data:[     {name: '北京',value: Math.round(Math.random()*1000)},     {name: '天津',value: Math.round(Math.random()*1000)},     {name: '上海',value: Math.round(Math.random()*1000)}         ]    }