2

Google Visualization API の GeoChart を使用して、サイトの使用情報を含む動的マップを作成しています。メトリック値が大きいため (8 桁)、マップを読みやすくするために、これらの数値をカンマで区切る必要があります。これらの数値にカンマを追加する関数を作成しましたが、API がマップを描画する際にエラーが発生します。

たとえば、データの 3 つの列 (Country、Visits、Unique Visitors) の 1 つをコンマで区切ると、その列のラベルが国のツール ヒントで削除されます。2 つの列をコンマで区切ると、マップ全体が失敗し、「Expecting 2 columns」エラーが発生します。これは、数値文字列のコンマがエスケープされていないため、JSON 配列でエラーが発生したためであるに違いありません。'\,'通常のコンマの代わりに挿入しようとしましたが、役に立ちませんでした。回避策や解決策はありますか?

4

2 に答える 2

5

一歩後退して、問題を解決するためのより良い方法は、google.visualization.NumberFormatと呼ばれるGoogleビジュアライゼーションのNumberFormatクラスを使用して生データをフォーマットすることだと思います。詳細はこちら：google.visualization.NumberFormat

次に、グループ化区切り文字としてコンマを使用するように2番目の列をフォーマットする方法の例を示します。

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

  var formatter = new google.visualization.NumberFormat({pattern:'###,###'} );
  formatter.format(data, 1);
  
  var geochart = new google.visualization.GeoChart(
      document.getElementById('visualization'));
  geochart.draw(data, {width: 556, height: 347, tooltip: {textStyle: {color: 'blue', fontName: 'Tahoma', fontSize: '15'}}});
}

私はそれをテストするためにグーグル視覚化遊び場を使用しました。

アップデート

geochart.draw行を変更して、ツールチップのテキストスタイルを追加しました。ツールチップ内のすべてのテキストのスタイルを設定します。とにかく細かいカスタマイズをするのを見たことがありません。詳細は次のとおりです。ジオチャート構成オプション

于 2012-07-30T17:17:18.127 に答える
1

CSVファイル形式の公式仕様によると、データを二重引用符で囲むことにより、データにコンマを含めることができます。

基本的なルールと例：

任意のフィールドを引用符で囲むことができます（つまり、二重引用符で囲みます）。次のルールで指定されているように、一部のフィールドは引用符で囲む必要があります。

"1997","Ford","E350"

カンマが埋め込まれているフィールドは引用符で囲む必要があります。

1997,Ford,E350,"Super, luxurious truck"
于 2012-07-30T17:00:48.103 に答える