Google-combo-Diagramm mit mehreren Balken und Linien

Sehen Sie dieses Bild zeige ich einige Daten, die ich habe zu vergleichen, jede bar mit Daten gezeigt, die von line-Graphen:

Google-combo-Diagramm mit mehreren Balken und Linien

Ist das möglich in der Google-combo-Diagramm?

  • Bitte Betten Sie das Bild in die post. Für Ihre eigentliche problem, was hast du bisher ausprobiert? Welchen output bekommen Sie?
  • Ich kann nicht Bild einbetten, weil ich niedrigen Ruf.
  • Ich will vergleichen Sie diese bars mit einigen anderen Werten in form von Graphen. Angenommen, rot - zeigt falsche Fragen -, grün - zeigt richtigen Fragen und Grau - zeigt übersprungen Fragen für einige Schüler jetzt muss ich es vergleichen mit Topper Verhalten. Ich kann dies mit verschiedenen Linien in den google-charts, sondern nach design, mit dem ich es zu tun habe mit einzelnen Zeile. Ist es möglich.
InformationsquelleAutor aditya | 2016-06-24
  1. 3

    sicher, es ist möglich, siehe Folgendes Beispiel...

    JS:

    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']
});

    HTML:

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

    • Linie berühren sollte jeder bar in jedem Abschnitt, für den Vergleich, siehe Diagramm wieder , danke für rply.
    InformationsquelleAutor WhiteHat
  2. 0

    Google Charts API stellt eine javascript-wrapper, mit dem Sie passen Sie Ihre combo-Diagramm . Es hat viele Konfigurationsoptionen , die Sie überprüfen können Sie hier Google-Combo-Chart-Config-Optionen . Sie können Anmerkungen Optionen zum erstellen der Linien über Ihre bars .Für full combo-chart-Dokumentation vist hier https://developers.google.com/chart/interactive/docs/gallery/combochart

    InformationsquelleAutor Chaturvedi Saurabh
Schreibe einen Kommentar