); var view = new google.visualization.DataView(data); var options = { title: 'Número de Rutas', isStacked: true, titleTextStyle: {fontSize: 10}, hAxis: {minValue: 0, title: '', textStyle: {color: '#333', fontSize: 9}}, vAxes: { 0: {title: "", minValue: 0, textStyle: {color: '#333', fontSize: 9}, gridlines: {color: 'transparent'}, format: '0'}, 1: {title: "Distancia Acumulada (km)", titleTextStyle: {fontSize: 10, italic: false}, minValue: 0, textStyle: {color: '#333', fontSize: 9}, gridlines: {color: 'transparent'}}, }, tooltip: {textStyle: {fontSize: 10}}, legend: {position: 'none'}, seriesType: 'bars', pointSize: 10, series: { 0: {color: '#828168', targetAxisIndex: 0 }, // 1: {color: '#cbad67', targetAxisIndex: 0 }, // 2: {color: '#8a6f5d', targetAxisIndex: 0 }, 1: {type: 'area', color: '#dfcda2', targetAxisIndex: 1} }, }; var chart = new google.visualization.ColumnChart(document.getElementById('chart_div_hiking')); chart.draw(view, options); } google.load("visualization", "1", {packages:["corechart"]}); //google.setOnLoadCallback(drawAltitudeChart); $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { if ($(e.target).attr("href") == "#trekking") { drawHikingChart(); google.maps.event.trigger(marker_last_hikking_comment, 'click'); //map = new google.maps.Map( document.getElementById( "hiking_map_canvas" )); } }); function loadClimbingChart(){ var yearsRange = $("#climbing-chart-years-selector option:selected").val() $.get("/profile/user_ascents_profile/" + + "?years=" + yearsRange, function( data ) { drawClimbingChart(data.user_ascents_profile); }); } google.load('visualization', '1.0', {'packages':['corechart']}); google.setOnLoadCallback(function(){loadClimbingChart();});