我應該如何為谷歌氣泡圖格式化 json。 我沒有根據氣泡圖找到任何特定文檔

Question

我想將 json 文件中的數據提取到谷歌氣泡圖中。 我在節點 js 服務器上使用 PHP 和 ajax 示例。 問題是 json 代碼應該怎么看？ 我還沒有找到具體的例子。 萬分感謝

Answer 1

所有谷歌圖表必須使用谷歌數據表繪制。

谷歌數據表的通用 json 格式可以在這里找到...
構造函數的 JavaScript 文字數據參數的格式

由兩個數組cols和rows

{
  cols: [{id: 'A', label: 'NEW A', type: 'string'},
         {id: 'B', label: 'B-label', type: 'number'},
         {id: 'C', label: 'C-label', type: 'date'}
  ],
  rows: [{c:[{v: 'a'},
             {v: 1.0, f: 'One'},
             {v: new Date(2008, 1, 28, 0, 31, 26), f: '2/28/08 12:31 AM'}
        ]},
         {c:[{v: 'b'},
             {v: 2.0, f: 'Two'},
             {v: new Date(2008, 2, 30, 0, 31, 26), f: '3/30/08 12:31 AM'}
        ]},
         {c:[{v: 'c'},
             {v: 3.0, f: 'Three'},
             {v: new Date(2008, 3, 30, 0, 31, 26), f: '4/30/08 12:31 AM'}
        ]}
  ],
  p: {foo: 'hello', bar: 'world!'}
}

rows ，每列可能有一個值 ( v: ) 和一個格式化的值 ( f: )

---

每個圖表都有特定的數據格式，
它描述了圖表期望的列類型。

對於泡泡...

第 0 列 - 字符串 - 氣泡的 ID（名稱）
第 1 列 - 數字 - X 坐標
第 2 列 - 數字 - Y 坐標
第 3 列（可選） - 字符串或數字 - 顏色； 使用colorAxis選項映射到漸變比例上的實際顏色的colorAxis
第 4 列（可選） - 數字 - 尺寸； 此列中的值使用sizeAxis選項映射到實際像素值