GRAFIK GOOGLE ONLINE


  <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([
          ['Year', 'Bimbel', 'Course'],
          ['2020',  1000,      400],
          ['2018',  1170,      460],
          ['2019',  660,       1120],
          ['2020',  2030,      2540]
        ]);

        var options = {
          title: 'LP2M ARAY GRAPH',
          curveType: 'function',
          legend: { position: 'bottom' }
        };

        var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

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






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

    function drawChart() {

      var data = new google.visualization.DataTable();
      data.addColumn('number', 'Day');
      data.addColumn('number', 'Bimbel PHP');
      data.addColumn('number', 'Bimbel Android');
      data.addColumn('number', 'Bimbel 3D / Animasi');

      data.addRows([
        [1,  37.8, 80.8, 41.8],
        [2,  30.9, 69.5, 32.4],
        [3,  25.4,   57, 25.7],
        [4,  11.7, 18.8, 10.5],
        [5,  11.9, 17.6, 10.4],
        [6,   8.8, 13.6,  7.7],
        [7,   7.6, 12.3,  9.6],
        [8,  12.3, 29.2, 10.6],
        [9,  16.9, 42.9, 14.8],
        [10, 12.8, 30.9, 11.6],
        [11,  5.3,  7.9,  4.7],
        [12,  6.6,  8.4,  5.2],
        [13,  4.8,  6.3,  3.6],
        [14,  4.2,  6.2,  3.4]
      ]);

      var options = {
        chart: {
          title: 'Difficulty Studying and Earnings in Two Weeks of Starting',
          subtitle: 'Level Kesulitan Pembelajaran (Siswa)'
        },
        width: 900,
        height: 500
      };

      var chart = new google.charts.Line(document.getElementById('curve_chart'));

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


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

    function drawChart() {

      var data = new google.visualization.DataTable();
      data.addColumn('number', 'Day');
      data.addColumn('number', 'Guardians of the Galaxy');
      data.addColumn('number', 'The Avengers');
      data.addColumn('number', 'Transformers: Age of Extinction');

      data.addRows([
        [1,  37.8, 80.8, 41.8],
        [2,  30.9, 69.5, 32.4],
        [3,  25.4,   57, 25.7],
        [4,  11.7, 18.8, 10.5],
        [5,  11.9, 17.6, 10.4],
        [6,   8.8, 13.6,  7.7],
        [7,   7.6, 12.3,  9.6],
        [8,  12.3, 29.2, 10.6],
        [9,  16.9, 42.9, 14.8],
        [10, 12.8, 30.9, 11.6],
        [11,  5.3,  7.9,  4.7],
        [12,  6.6,  8.4,  5.2],
        [13,  4.8,  6.3,  3.6],
        [14,  4.2,  6.2,  3.4]
      ]);


var pilihan2 = {
        chart: {
          title: 'Average Temperatures and Daylight in Iceland Throughout the Year'
        },
        width: 900,
        height: 500,
        series: {
          // Gives each series an axis name that matches the Y-axis below.
          0: {axis: 'Temps'},
          1: {axis: 'Daylight'}
        },
        axes: {
          // Adds labels to each axis; they don't have to match the axis names.
          y: {
            Temps: {label: 'Temps (Celsius)'},
            Daylight: {label: 'Daylight'}
          }
        }
      };
  
      var pilihan1 = {
        chart: {
          title: 'Box Office Earnings in First Two Weeks of Opening',
          subtitle: 'in millions of dollars (USD)'
        },
        width: 900,
        height: 500
      };

      var chart = new google.charts.Line(document.getElementById('curve_chart'));

      chart.draw(data, google.charts.Line.convertOptions(pilihan2));
    }
   </script>
</head>
  <body>
    <div id="curve_chart" style="width: 900px; height: 500px"></div>
  </body>
</html>




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

    function drawChart() {

      var data = new google.visualization.DataTable();
      data.addColumn('number', 'Day');
      data.addColumn('number', 'Guardians of the Galaxy');
      data.addColumn('number', 'The Avengers');
      data.addColumn('number', 'Transformers: Age of Extinction');

      data.addRows([
        [1,  37.8, 80.8, 41.8],
        [2,  30.9, 69.5, 32.4],
        [3,  25.4,   57, 25.7],
        [4,  11.7, 18.8, 10.5],
        [5,  11.9, 17.6, 10.4],
        [6,   8.8, 13.6,  7.7],
        [7,   7.6, 12.3,  9.6],
        [8,  12.3, 29.2, 10.6],
        [9,  16.9, 42.9, 14.8],
        [10, 12.8, 30.9, 11.6],
        [11,  5.3,  7.9,  4.7],
        [12,  6.6,  8.4,  5.2],
        [13,  4.8,  6.3,  3.6],
        [14,  4.2,  6.2,  3.4]
      ]);

      var options = {
        chart: {
          title: 'Box Office Earnings in First Two Weeks of Opening',
          subtitle: 'in millions of dollars (USD)'
        },
        width: 900,
        height: 500,
        axes: {
          x: {
            0: {side: 'top'}
          }
        }
      };

      var chart = new google.charts.Line(document.getElementById('line_top_x'));

      chart.draw(data, google.charts.Line.convertOptions(options));
    }
  </script>
</head>
<body>
  <div id="line_top_x"></div>
</body>
</html>























































Comments

Post a Comment

Popular posts from this blog

AS3 Load Youtube Embed

Image
Load Youtube pada AIR Android AS3: 1.Cara I Load Https://youtube.com melalui Navigasi Langsung var url:String = " https://www.youtube.com/watch?v=IXcbQ_BiGro "; var req:URLRequest = new URLRequest(url); navigateToURL(req); 2.Cara II EMbeD  Https://youtube.com melalui Navigasi Langsung var wt:uint; var ht:uint ; var webview:StageWebView ; var rect:Rectangle; var url:String; //url="https://www.youtube.com/apiplayer?video_id=tf7gy8j7BqA&autostart=1&autoplay=1&fs=0&controls=0&autohide=1&iv_load_policy=0&rel=0&start=0&showinfo=0&vq=hd720&"; autostart=1&autoplay=1&fs=1&controls=0&autohide=1&iv_load_policy=0&rel=0&start=0&showinfo=0&vq=hd720"; //cara Panjang lengkap //AIzaSyBQw3ZexsBHWcRf4iHCBGE18rizoy_G9I8//jika gagal load gambar //"https://www.youtube.com/v/tf7gy8j7BqA"; //ini Untuk HTML4 //url ="http://192.168.1.6/__top2020/youtube/app.php"; ...
Read more

Package AS3

Image
Misal Kita membuat Combobox Via Kode: Lalu pada project ybs kita klik  properties sebelah kanan : Atur nama classnya ...sesuaikan dengan path lib.document.App artinya :kita letakkan nama file codenya pada folder lib -> folder Document--> nama File nya App.cs Dengan kode masing2nya sbb: package lib.document { import flash.display.MovieClip; import flash.events.Event; import flash.text.TextFormat; import flash.utils.*; import fl.controls.ComboBox; import fl.data.DataProvider; public class App extends MovieClip { private var _clip:MovieClip; function App(){ var tf:TextFormat = new TextFormat(); tf.font = "Arial"; tf.size = 15; tf.color = 0x747070; var dp:DataProvider = new DataProvider(); dp.addItem({label:"London", data:"item1"}); dp.addItem({label:"Paris", data:"item2"}); dp.addItem({label:"Sofia", data:"item3"}); dp.ad...
Read more

Onclick Trigger

Image
Membuat TTS AS3 import flash.events.MouseEvent; import flash.events.Event; import flash.events.KeyboardEvent; import flash.utils.Timer; import flash.events.TimerEvent; stop(); jawabanTTS1.visible=false; jawabanTTS2.visible=false; jawabanTTS3.visible=false; jawabanTTS4.visible=false; jawabanTTS5.visible=false; jawabanTTS6.visible=false; jawabanTTS7.visible=false; jawabanTTS58.visible=false; var benar:int=0; var index:int; var kunci:String; var pilihan:String; btn1.addEventListener(MouseEvent.CLICK, proses_1);  function proses_1(event:MouseEvent):void { index=1; kunci="NATRIUMKLORIDA"; pilihan="Soal 1 Mendatar" txtout.text=pilihan; jawabanTampil.text=""; btn1.mouseEnabled=false; } btn2.addEventListener(MouseEvent.CLICK, proses_2);  function proses_2(event:MouseEvent):void { index=2; kunci="KATION"; pilihan="Soal 2 Menurun"; txtout.text=pilihan; jawabanTampil.text=""; b...
Read more