javascript teile auslagern

W

wpb

Erfahrenes Mitglied
Hy!

Ich bin in dem Gebiet leider ganz neu. Ich habe hier ein kleines google Beispiel.
Das ganze sollte so aussehen:

https://google-developers.appspot.com/chart/interactive/docs/gallery/piechart#Events

Code: 
<html>
  <head>
    <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 = new google.visualization.DataTable();
        data.addColumn('string', 'Task');
        data.addColumn('number', 'Hours per Day');
        data.addRows([
          ['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('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

Ist es irgendwie möglich, dass ich die Daten (also das DataTable) in einer eigenen Datei abspeichere?

Danke schon mal.
 
hy!

versthe ich nicht ganz... wenn ich daraus zwei dateien machen, welchen teil kann ich auslagern?
und wie is dann der aufruf?

danke
 
Einfach das hier

HTML: 
<script type="text/javascript">
var my_chart_data = [
	['Work',    11],
	['Eat',      2],
	['Commute',  2],
	['Watch TV', 2],
	['Sleep',    7]
];
</script>

in eine js Datei (z.B. "foo.js")

Javascript: 
var my_chart_data = [
	['Work',    11],
	['Eat',      2],
	['Commute',  2],
	['Watch TV', 2],
	['Sleep',    7]
];

und einbinden

HTML: 
<script type="text/javascript" src="foo.js"></script>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück