Линия, которая касается всех столбцов - PullRequest
Новая
       18

Линия, которая касается всех столбцов

0 голосов
/ 20 января 2020

Мне нужно нарисовать столбцы и линии на одном графике, и мне нужно, чтобы линия касалась всех столбцов.

Я обнаружил ComboChart на Google Chart. Я видел, что вы можете указать, какой тип является каждым столбцом из таблицы данных.

Например: 

 var data = google.visualization.arrayToDataTable([
          ['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],
          ['2004/05',  165,      938,         522,             998,           450,      614.6],
          ['2005/06',  135,      1120,        599,             1268,          288,      682],
          ['2006/07',  157,      1167,        587,             807,           397,      623],
          ['2007/08',  139,      1110,        615,             968,           215,      609.4],
          ['2008/09',  136,      691,         629,             1026,          366,      569.6]
        ]);

, и вы можете установить параметры и сказать, что последний столбец является строкой. 

var options = {
          title : 'Monthly Coffee Production by Country',
          vAxis: {title: 'Cups'},
          hAxis: {title: 'Month'},
          seriesType: 'bars',
          series: {5: {type: 'line'}}        };

и результат: documentationexample

Мне нужно нарисовать что-то подобное 

 var data = google.visualization.arrayToDataTable([
          ['Day', 'Seconds', 'Percent', 'Id'],
          ['Day 1',  1230,      10,       1],-- 1 is column blue
          ['Day 1',  1650,      20,       2],-- 2 is column green
          ['Day 2',  1250,      70,      1 ],
          ['Day 2',  1350,      20,      2 ],
          ['Day 3',  1570,      30,      1],
          ['Day 3',  1470,      45,      2],
          ['Day 4',  1390,      80,    1],
          ['Day 4',  1320,      12,    2]
        ]);

(DataTable - только пример. Это не таблица ниже) image

как я могу это сделать?

...