Miha7685776, не знаю, поможет это или нет.
Сейчас у меня примерно такая структура
google.charts.load('current', { 'packages': ['corechart', 'geochart', 'calendar', 'table'], 'language': 'ru' });
//Товар 1
google.charts.setOnLoadCallback(data1); // Инициализация
google.charts.setOnLoadCallback(data2); // Инициализация
...
//Товар 2
google.charts.setOnLoadCallback(data3); // Инициализация
function data1() {
var data = google.visualization.arrayToDataTable([
['Рекламный инструмент', 'Дневной бюджет', { role: 'style' }],
['Facebook', 300, '#888'],
['Google Adwords', 300, '#666'],
['Одноклассники', 500, '#f90'],
['Яндекс Директ', 300, '#444'],
['ВКонтакте', 300, '#222'],
]);
var view = new google.visualization.DataView(data);
view.setColumns([0, 1, {
calc: 'stringify',
role: 'annotation',
sourceColumn: 1,
type: 'string',
},
2
]);
var data1 = new google.visualization.ColumnChart(document.getElementById('data1'));
data1.draw(view, options);
}
function data2() {
var data = google.visualization.arrayToDataTable([
['Рекламный инструмент', 'Дневной бюджет', { role: 'style' }],
['Facebook', 300, '#888'],
['Google Adwords', 300, '#666'],
['Одноклассники', 500, '#f90'],
['Яндекс Директ', 300, '#444'],
['ВКонтакте', 300, '#222'],
]);
var view = new google.visualization.DataView(data);
view.setColumns([0, 1, {
calc: 'stringify',
role: 'annotation',
sourceColumn: 1,
type: 'string',
},
2
]);
var data2 = new google.visualization.ColumnChart(document.getElementById('data2'));
data2.draw(view, options);
}
function data3() {
var data = google.visualization.arrayToDataTable([
['Рекламный инструмент', 'Дневной бюджет', { role: 'style' }],
['Facebook', 300, '#888'],
['Google Adwords', 300, '#666'],
['Одноклассники', 500, '#f90'],
['Яндекс Директ', 300, '#444'],
['ВКонтакте', 300, '#222'],
]);
var view = new google.visualization.DataView(data);
view.setColumns([0, 1, {
calc: 'stringify',
role: 'annotation',
sourceColumn: 1,
type: 'string',
},
2
]);
var data3 = new google.visualization.ColumnChart(document.getElementById('data3'));
data3.draw(view, options);
}
А это внутри описания товара:
<h3>Товар 1</h3>
<p>График 1</p>
<div id="data1"></div>
<p>График 2</p>
<div id="data2"></div>
Что бы графики начались выводиться в Товаре 2, приходится комментировать эти строчки инициализации
//Товар 1
google.charts.setOnLoadCallback(data1); // Инициализация
google.charts.setOnLoadCallback(data2); // Инициализация
Я, можно сказать новичок в программировании, по этому вообще не вдупляю фразу « прицепить id товара »... Не могли бы вы рассказать подробнее об этом, эсли конечно нет новых вариантов...