2014-02-14 4 views
0

Здесь я создать приборную панель 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]}

, но ничего не случилось

ответ

0

ли вы указать вид в обертка?

var wrapper = new google.visualization.ChartWrapper({ 
    chartType: 'ColumnChart', 
    containerId: 'chart3', 
    view: { 
     columns: [0,3] 
    } 
}); 

Кстати, передавая второй параметр в Dashboad#draw вызов не будет ничего делать - он не принимает никаких опций:

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

Те должен вместо этого быть передан в качестве параметра options в соответствующем ChartWrapper (скорее всего, это оболочка для Table, с учетом указанных опций).

 Смежные вопросы

  • Нет связанных вопросов^_^