Как мне отформатировать JSON для пузырьковой диаграммы Google. Я не нахожу какой-либо конкретной документации по пузырьковой диаграмме - PullRequest
Новая
       9

Как мне отформатировать JSON для пузырьковой диаграммы Google. Я не нахожу какой-либо конкретной документации по пузырьковой диаграмме

0 голосов
/ 07 января 2019

Я хочу вытащить данные из файла json в пузырьковую диаграмму Google. Я использую пример PHP и ajax на сервере узла js. Вопрос в том, как должен выглядеть код json? Я не нашел конкретных примеров. Спасибо в andvance

1 Ответ

0 голосов
/ 07 января 2019

все диаграммы Google должны быть нарисованы с использованием таблицы данных Google.

общий формат json для таблицы данных Google можно найти здесь ...
Формат 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 - строка - идентификатор (имя) пузыря
Столбец 1 - число - координата X
Столбец 2 - число - координата Y
Колонка 3 (необязательно) - строка или число - Цвет; Значение, сопоставленное с фактическим цветом по шкале градиента с использованием опции colorAxis
Колонка 4 (необязательно) - число - Размер; значения в этом столбце сопоставляются с фактическими значениями пикселей с помощью опции sizeAxis

...