Geochart - 用特殊顏色標記一個國家

Question

有一個Google Geochart的標準示例，各國的標度顏色取決於價值。我的問題是如何標記一個國家，例如加拿大，用紅色標出，但是像以前一樣留下另一個國家。如果加拿大沒有價值，那麼如何用另一種顏色來標記呢？ https://jsfiddle.net/8wowo9xc/

google.setOnLoadCallback(drawRegionsMap); 

    function drawRegionsMap() { 

    var data = google.visualization.arrayToDataTable([ 
     ['Country', 'Popularity'], 
     ['Germany', 200], 
     ['United States', 300], 
     ['Brazil', 400], 
     ['Canada', 500], 
     ['France', 600], 
     ['RU', 700] 
    ]); 

    var options = {}; 

    var chart = new google.visualization.GeoChart(document.getElementById('regions_div')); 

    chart.draw(data, options); 
    } 

的願望結果：

Answer 1

如果您指定defaultColor並給出Canada沒有任何值，則這將按照您的要求進行。

因此，像：

google.setOnLoadCallback(drawRegionsMap); 

    function drawRegionsMap() { 

    var data = google.visualization.arrayToDataTable([ 
     ['Country', 'Popularity'], 
     ['Germany', 200], 
     ['United States', 300], 
     ['Brazil', 400], 
     ['Canada', null], 
     ['France', 600], 
     ['RU', 700] 
    ]); 

     var options = {defaultColor: 'red'}; 

    var chart = new google.visualization.GeoChart(document.getElementById('regions_div')); 

    chart.draw(data, options); 
    } 

Answer 2

嘗試：

var data = google.visualization.arrayToDataTable([ 
    ['Country', 'Popularity'], 
    ['Canada', 500] 
]); 

其他國家或其他顏色只是試試這個：

function drawRegionsMap() { 

    var data = google.visualization.arrayToDataTable([ 
     ['Country', 'Popularity'], 
     ['Ireland', 200], 

    ]); 

    var options = { 
    //region: 'IT', 
    //displayMode: 'markers', 
    colorAxis: {colors: ['red']} 
    }; 

或者您的最後一個請求嘗試：

google.setOnLoadCallback(drawRegionsMap); 

function drawRegionsMap() { 

    var data = google.visualization.arrayToDataTable([ 
     ['Country', 'Popularity'], 
     ['Canada', 100], 
     ['US', 1000], 
     ['Russia',500] 

    ]); 

    var options = { 
    //region: 'IT', 
    //displayMode: 'markers', 
    colorAxis: {colors: ['red', 'green', 'lightgreen']} 
    }; 



    var chart = new google.visualization.GeoChart(document.getElementById('regions_div')); 

    chart.draw(data, options); 
} 

最後考慮： 要使用的多邊形應該已經有座標各種狀態的多邊形。然而它涉及到用JavaScript編寫一個小程序。如果你所需要的只是一個帶有狀態高亮顯示的數據顯示（紅色），另一個顯示兩種顏色（一個較深的綠色和一個較淺的綠色），那麼你最好利用這個數值，就像我在例子中所做的那樣。創建您感興趣的狀態列表，並聲明您將最低值顯示爲紅色，並通過顯示中間顏色等來顯示中間值。

未來的發展方向非常依賴您作爲程序員的經驗。