3

これは 2 つの部分からなる質問です。

まず、プロットされているポイントが都市のみであり、人口やサイズが関連付けられていない場合に、Google の Geochart のマーカーのサイズを変更する方法はありますか? 私は都市に値を付けずにリストしているだけであり、Google のすべての例には何らかの人口が関連付けられています。

たとえば、Google は、マーカーのサイズが人口に反映されるこのコードを使用します。

function drawMarkersMap() {
  var data = google.visualization.arrayToDataTable([
    ['City',  'Population', 'Area'],
    ['Rome',     2761477,    1285.31],
    ['Milan',    1324110,    181.76],
    ['Naples',   959574,     117.27],
    ['Turin',    907563,     130.17],
    ['Palermo',  655875,     158.9],
    ['Genoa',    607906,     243.60],
    ['Bologna',  380181,     140.7],
    ['Florence', 371282,     102.41]
  ]);

ある種の地域や人口によって設定せずにマーカーのサイズを変更する方法はありますか?

次に、マーカーのサイズ (都市名のみ) の数値がないため、マーカーの色を変更するにはどうすればよいですか? 私が理解していることから、 colorAxis は、プロットされている都市に関連付けられた数値に基づいています。

colorAxis: {colors: ['green', 'blue']}

API のドキュメントへのリンクは次のとおりです https://developers.google.com/chart/interactive/docs/gallery/geochart

4

3 に答える 3

2

微調整すれば、それを行うことができます。

私が作成したいくつかの例をチェックしてください。

http://cmoreira.net/interactive-world-maps-demo/svg-maps-of-the-states-in-usa/

色を変更するには、次のようにする必要があります。

    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Country'); 
    data.addColumn('number', 'Value');
    data.addColumn({type:'string', role:'tooltip'});

    data.addRows([[{v:"Olympia  Washington",f:"Olympia"},1,"Capital city of the state of Washington"],[{v:"Seattle Washington",f:"Seattle"},2,"Largest city of the state of Washington"],[{v:"Spokane  Washington",f:"Spokane"},3,"Seconde Largest city of the state of Washington"],[{v:"Vancouver  Washington",f:"Vancouver"},4,"Fourth largest city of the state of Washington"],]);

var options = {   colorAxis: {minValue: 1, maxValue:4,  colors: ['#4A9928','#204DA8','#992F1A','#2292C9',]},

    (...)

したがって、数値を増やして、値に一致するようにできるだけ多くの異なる色を指定します。

サイズを変更するために、私はそれをテストしませんでしたが、この値をいじってみると、同様のアプローチがうまくいくと思います:

sizeAxis: {minValue: 1, maxValue:4,minSize:1,  maxSize: 4}
于 2012-10-05T10:34:33.260 に答える
0

ドキュメントから理解する限り、Google Geochart のマーカーの色とサイズを直接定義することはできません。あなたのタスクに別の解決策を試すことをお勧めします - jVectorMap。パラメーターを使用してマーカーをmarkers定義する場合、すべてのマーカーのサイズと塗りつぶしの色を設定したり、 を使用してデフォルトのパラメーターを定義したりできますmarkerDefaults。

于 2012-08-08T07:58:50.167 に答える