Google Combo Diagramm mit mehreren Bars und Linien

Question

google combo chart bar + line graph(see image here)

dieses Bild Ich sehe einige Daten zeige ich jeden Balken mit Daten von Liniendiagramm gezeigt zu vergleichen, ist dies möglich, in Google-Combo-Chart.

Answer 1

Die Google Charts API bietet einen JavaScript-Wrapper, mit dem Sie Ihr Combo-Diagramm anpassen können. Es hat viele Konfigurationsoptionen, Sie können sie hier Google Combo Chart Config options überprüfen. Sie können Anmerkungen Optionen verwenden, um die Linien über Ihre Bars .Für voll Combo-Chart Dokumentation Vist hier https://developers.google.com/chart/interactive/docs/gallery/combochart

Answer 2

sicher, dass es möglich ist, zu bauen, siehe Beispiel folgende ...

google.charts.load('current', { 
 
    callback: function() { 
 
    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 chart = new google.visualization.ComboChart(document.getElementById('chart_div')); 
 
    chart.draw(data, { 
 
     title : 'Monthly Coffee Production by Country', 
 
     vAxis: {title: 'Cups'}, 
 
     hAxis: {title: 'Month'}, 
 
     height: 420, 
 
     orientation: 'vertical', 
 
     seriesType: 'bars', 
 
     series: { 
 
     5: { 
 
      pointSize: 5, 
 
      type: 'line' 
 
     } 
 
     } 
 
    }); 
 
    }, 
 
    packages: ['corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>