Google Visualization API 中的逗號分隔數據

Question

我正在使用 Google Visualization API 中的 GeoChart 創建包含站點使用信息的動態地圖。 由於度量值很大（8 位），我需要用逗號分隔這些數字以使地圖更具可讀性。 我編寫了一個函數，為這些數字添加逗號，但這會導致繪制地圖的 API 出錯。

例如，當用逗號分隔 3 列數據（國家/地區、訪問次數、唯一身份訪問者）中的 1 列時，該列的標簽將在國家/地區工具提示中刪除。 逗號分隔 2 列然后導致整個地圖失敗，並出現“預期 2 列”錯誤。 這一定是由於數字字符串中的逗號沒有被轉義，因此導致 JSON 數組中的錯誤。 我試過插入'\\,'而不是普通的逗號，但無濟於事。 任何變通方法或解決方案？

Answer 1

退后一步，我認為解決問題的更好方法是使用名為 google.visualization.NumberFormat 的 google 可視化中的 NumberFormat 類來格式化原始數據。 更多信息： google.visualization.NumberFormat

以下是如何格式化第二列以使用逗號作為分組分隔符的示例：

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 線以包含工具提示文本樣式。 它將為工具提示中的所有文本設置樣式。 我還沒有看到進行細粒度定制。 這是更多信息： 地理圖表配置選項

Answer 2

根據 CSV 文件格式的官方規范，通過將數據用雙引號括起來，可以在數據中包含逗號。

基本規則和示例：

任何字段都可以被引用（即用雙引號括起來）。 某些字段必須引用，如以下規則中所指定。

"1997","Ford","E350"

必須引用帶有嵌入逗號的字段。

1997,Ford,E350,"Super, luxurious truck"