Поместите значения на график Google - PullRequest
Новая
       21

Поместите значения на график Google

2 голосов
/ 11 января 2012

Как разместить значения на графике google.visualization?

см. Прикрепленное изображение.

graph example

var options = {
      width: 1024, height: 240,
      title: 'Clicks from Welcome email',
      vAxis: {title: 'email Clicks',  titleTextStyle: {color: 'black'}}
    };

это решение

data.addColumn ({тип: 'число', роль: 'аннотация'});

на графике Google все о слоях, поэтому я добавил этот слой, обратите внимание, что тип совпадает с типом в вашем rowData

var data = new google.visualization.DataTable ();
data.addColumn ('string', 'date'); data.addColumn ('number', 'Remove'); data.addColumn ({тип: 'число', роль: 'аннотация'}); // роль аннотации цв. data.addColumn ('number', 'Add'); data.addColumn ({тип: 'число', роль: 'аннотация'}); // роль аннотации цв. data.addRows ([]);

Ответы [ 2 ]

1 голос
/ 15 января 2012

Этот тип функциональности был недавно представлен в gviz с использованием ролей DataTable: вы можете использовать дополнительные столбцы информации в вашей таблице данных для создания аннотаций и других типов функциональности.

См. Первый пример здесь для руководства к тому, что я думаю, что вы хотите: http://code.google.com/apis/chart/interactive/docs/roles.html#whatrolesavailable

0 голосов
/ 11 января 2012

При вызове API Chart вам нужно будет установить данные, например: 

var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');
data.addColumn('number', 'Expenses');
data.addRows([
  ['2004', 1000, 400],
  ['2005', 1170, 460],
  ['2006',  860, 580],
  ['2007', 1030, 540]
]);

Затем настройте параметры с помощью кода выше и нарисуйте график: 

var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);

Все это объясняется в обширной документации

...