Ich habe eine Seite, auf der Daten in Form eines Kreisdiagramms angezeigt werden. Ich benutze Google Charts und hier ist der Code:

 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Product', 'Sale In Percent'],
        ['product2', 5.5],
        ['product3', 7.5],
        ['product4', 1.5],
        ['product5', 8.5],
        ]);

        var options = {
          title: 'Product Sales'
        };

       var chart = new google.visualization.PieChart(document.getElementById('piechart2'));
        chart.draw(data, options);
      }
    </script>
<div id="piechart2" style="width: 700px; height: 400px; position: relative;"></div>

Und hier ist ein funktionierender JS FIDDLE:https: //jsfiddle.net/alex4uthis/j78vmq00/2

Hier habe ich 1 weiteres Produkt als Produkt1 und dessen Wert ist 77. Da dieser Wert immer höher ist, habe ich in der Tabelle weggelassen. Wenn ich das Diagramm zeichne, können wir sehen, dass aus product2 Prozent 23,9%, product3 Prozent 32,6 usw. werden 5.5 etc ...) Bitte hilf mir dabei.