Здесь я создать приборную панель http://jsbin.com/OJAnaji/27/edit (Googl визуализацию) на основе этих данных:Google данные визуализации ColumnChart
data = google.visualization.arrayToDataTable([
['Name', 'Gender', 'Age', 'Donuts eaten'],
['Michael' , 'Male', 12, 5],
['Elisa', 'Female', 20, 7],
['Robert', 'Male', 7, 3],
['John', 'Male', 54, 2],
['Jessica', 'Female', 22, 6],
['Aaron', 'Male', 3, 1],
['Margareth', 'Female', 42, 8],
['Miranda', 'Female', 33, 6]
]);
и все работает отлично, за исключением ColumnChart becouse там я получаю сообщение об ошибке: Все серии на данной оси должны быть того же типа данных ×
ColumnChart код:
var wrapper = new google.visualization.ChartWrapper({
chartType: 'ColumnChart',
containerId: 'chart3'
});
и рисовать функции:
// Create a dashboard
new google.visualization.Dashboard(document.getElementById('dashboard')).
// Establish bindings, declaring the both the slider and the category
// picker will drive both charts.
bind([slider, categoryPicker, stringFilter], [pie, table, wrapper]).
// Draw the entire dashboard.
draw(data, {'allowHtml':true, 'cssClassNames': 'cssClassNames'});
}
google.load('visualization', '1', {packages:['controls'], callback: drawVisualization});
и HTML:
<div class="col-md-4" style="float: left;" id="chart3"></div>
Есть ли способ для меня, чтобы показать (данные фильтра) и т.д. столбец 'Name' на оси Y и 'Возраст' на оси X или столбец «Имя» на оси Y и «Пончики съедены» на оси X ???
UPDATE: Я был попробовать это:
'вид': { 'столбцов': [0,3]}
, но ничего не случилось