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

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

пожалуйста, смотрите изображение в приложении.

пример графика

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 ('строка', 'дата'); data.addColumn ('число', 'Удалить'); data.addColumn ({тип: 'число', роль: 'аннотация'}); // роль аннотации col. data.addColumn ('число', 'Добавить'); data.addColumn ({тип: 'число', роль: 'аннотация'}); // роль аннотации col. data.addRows ([]);


javascript php google-api google-visualization
person Yan    schedule 11.01.2012    source источник

Ответы (2)


arrow_upward
1
arrow_downward

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

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

person oli    schedule 15.01.2012
comment
Большое спасибо, я добавляю строку data.addColumn ({type: 'number', role: 'annotation'}); в графике Google все о слоях, поэтому я добавил этот слой, следите за тем, чтобы тип был того же типа, что и в ваших rowData - person Yan; 15.01.2012

arrow_upward
-1
arrow_downward

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

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);

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

person Oldskool    schedule 11.01.2012
comment
привет, да, я сделал это, график работает, но я хочу добавить toltip со значениями в каждой строке графика, как описано на картинке - person Yan; 13.01.2012