Mittwoch, 8. Dezember 2021

Grafiken & Diagramme im Web dynamisch & einfach erstellen

Grafiken & Diagramme im Web dynamisch & einfach erstellen

Einige nette Tools dazu

https://t3n.de/news/6-tools-diagramme-webseiten-460017/

Google Charts

https://developers.google.com/chart/

... VERY simple ;-)))

(& free)

Example Code:

<html>
 
<head>
   
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
   
<script type="text/javascript">
      google
.charts.load('current', {'packages':['corechart']});
      google
.charts.setOnLoadCallback(drawChart);

     
function drawChart() {

       
var data = google.visualization.arrayToDataTable([
         
['Task', 'Hours per Day'],
         
['Work',     11],
         
['Eat',      2],
         
['Commute',  2],
         
['Watch TV', 2],
         
['Sleep',    7]
       
]);

       
var options = {
          title
: 'My Daily Activities'
       
};

       
var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart
.draw(data, options);
     
}
   
</script>
 
</head>
 
<body>
   
<div id="piechart" style="width: 900px; height: 500px;"></div>
 
</body>
</html>

On Volker's PC:

file:///C:/temp/GoogleChart.htm

Idee für ...

https://www.wahlrecht.de/umfragen/

 

 

 

 

 

Share:

0 Kommentare:

Kommentar veröffentlichen

Blog-Archiv

Powered by Blogger.

Blog Archive

Blogger templates