2016年11月8日 星期二

網頁彈出視窗(函數回傳)

基礎
<html>
<head>
<title>6666</title>
</head>
<body>
<script>
function Foo() {
return {val1:true, val2:'something'};
}
result = Foo();
alert(result['val1']);
alert(result['val2']);
</script>
</body>
</html>

應用至亂數回傳

<html>
<head>
<title>6666</title>
</head>
<body>
<script>
function Foo() {
var rx1=0,rx2=0,rx3=0,maxNum=0,minNum=0;
maxNum=9;
mixNum=0;

rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;
rx2=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;
rx3=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;

while(rx1==rx2)
{
 rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;

}
while(rx2==rx3 || rx3==rx1 )
{
 rx3=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;

}

document.write("我的亂數"+rx1,rx2,rx3);
return {val1:rx1, val2:rx2 ,val3:rx3};
}
result = Foo();
alert(result['val1']);
alert(result['val2']);
alert(result['val3']);
if(result['val1']>=0){document.write("6666666")}
</script>

<script>
if(result['val1']>=0){document.write("66666667")}
</script>

</body>
</html>

張貼者： 於 沒有留言:

2016年6月21日 星期二

彩色圓餅圖隨機變色的第二種方法
</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':['corechart']});
      google.charts.setOnLoadCallback(drawChart);

 var a ;
 var b ;
 var c ;
function add() {
a=0;
b=0;
c=0;
d=0;
e=0;
f=0;
g=0;
h=0;
j=0;
var maxNum = 3;
var minNum = 1;
var radio1=document.getElementsByName("v1");
var radio2=document.getElementsByName("v2");
var radio3=document.getElementsByName("v3");


var i=0 ;
i = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
     

if(i==1){
       a=1;
}
    if(i==2) {
        b=1;
    }
    if(i==3) {
        c=1;
    }


               
 

 
var k=0 ;
k = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum ;
   
       if(k==1){
       d=1;

}
    if(k==2) {
        e=1;
    }
    if(k==3) {
        f=1;
    }
             
     



var o ;
o = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
 
       if(o==1){
       g=1;

}
    if(o==2) {
        h=1;
}
   
   if(o==3) {
        j=1;
    }

             
 
            drawChart();
        }


        function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',     a],
          ['Eat',      b],
          ['Commute',  c],
          ['Commute',  d],
          ['Commute',  e],
          ['Commute',  f],
          ['Commute',  g],
          ['Commute',  h],
          ['Commute',  j],
        ]);

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

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

        chart.draw(data, options);
      }
    </script>
  </head>
  <body>



    <input type="button" value="submit" onclick="add()"/>
    <div id="piechart" style="width: 900px; height: 500px;"></div>

  </body>
</html>>
張貼者： 於 沒有留言:

2016年6月18日 星期六

彩色隨機轉盤標準版

<html>
  <head>

  </head>
  <body>







<Script type ="text/javascript">

var rx1=0,rx2=0,rx3=0,maxNum=0,minNum=0;
maxNum=23;
mixNum=0;

rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;



 </Script>



<script>
function totalchoice(){
if(+rx1==0){drawChart0();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==1){drawChart1();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==2){drawChart2();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==3){drawChart3();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==4){drawChart4();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==5){drawChart5();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==6){drawChart6();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==7){drawChart7();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==8){drawChart8();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==9){drawChart9();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==10){drawChart10();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==11){drawChart11();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==12){drawChart12();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==13){drawChart13();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==14){drawChart14();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==15){drawChart15();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==16){drawChart16();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==17){drawChart17();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==18){drawChart18();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==19){drawChart19();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==20){drawChart20();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==21){drawChart21();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==22){drawChart22();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==23){drawChart23();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}

}
</Script>







    <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'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            1: { color: 'red' },
            2: { color: 'black' },
            3: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }
    </script>



<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart0() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            3: { color: 'yellow' },
            2: { color: 'red' },
            1: { color: 'black' },
            0: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>


<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart1() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            3: { color: 'yellow' },
            2: { color: 'red' },
            0: { color: 'black' },
            1: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart2() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            3: { color: 'yellow' },
            1: { color: 'red' },
            0: { color: 'black' },
            2: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart3() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            3: { color: 'yellow' },
            1: { color: 'red' },
            2: { color: 'black' },
            0: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart4() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            3: { color: 'yellow' },
            0: { color: 'red' },
            1: { color: 'black' },
            2: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart5() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            3: { color: 'yellow' },
            0: { color: 'red' },
            2: { color: 'black' },
            1: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart6() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            2: { color: 'yellow' },
            0: { color: 'red' },
            1: { color: 'black' },
            3: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart7() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            2: { color: 'yellow' },
            0: { color: 'red' },
            3: { color: 'black' },
            1: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart8() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            2: { color: 'yellow' },
            1: { color: 'red' },
            0: { color: 'black' },
            3: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart9() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            2: { color: 'yellow' },
            1: { color: 'red' },
            3: { color: 'black' },
            0: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart10() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            2: { color: 'yellow' },
            3: { color: 'red' },
            1: { color: 'black' },
            0: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart11() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            2: { color: 'yellow' },
            3: { color: 'red' },
            0: { color: 'black' },
            1: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart12() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            1: { color: 'yellow' },
            0: { color: 'red' },
            2: { color: 'black' },
            3: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart13() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            1: { color: 'yellow' },
            0: { color: 'red' },
            3: { color: 'black' },
            2: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart14() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            1: { color: 'yellow' },
            2: { color: 'red' },
            0: { color: 'black' },
            3: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart15() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            1: { color: 'yellow' },
            2: { color: 'red' },
            3: { color: 'black' },
            0: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart16() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            1: { color: 'yellow' },
            3: { color: 'red' },
            0: { color: 'black' },
            2: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart17() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            1: { color: 'yellow' },
            3: { color: 'red' },
            2: { color: 'black' },
            0: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart18() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            1: { color: 'red' },
            2: { color: 'black' },
            3: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart19() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            1: { color: 'red' },
            3: { color: 'black' },
            2: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart20() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            2: { color: 'red' },
            1: { color: 'black' },
            3: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart21() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            2: { color: 'red' },
            3: { color: 'black' },
            1: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart22() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            3: { color: 'red' },
            1: { color: 'black' },
            2: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart23() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            3: { color: 'red' },
            2: { color: 'black' },
            1: { color: 'blue' },
          }
        };

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

        chart.draw(data, options);

      }

    </script>
    <div id="piechart" style="width: 900px; height: 500px;"></div>
    <button onclick="totalchoice()">圓餅圖測試</button>
  </body>
</html>

張貼者： 於 沒有留言:

2016年6月17日 星期五

圓餅圖製作參考網站
https://google-developers.appspot.com/chart/interactive/docs/gallery/piechart#rotating-a-pie-chart
張貼者： 於 沒有留言:

2016年6月3日 星期五

期末考內容




張貼者： 於 沒有留言:
亂數不重複
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<title>第一支javaScript</title>
</head>
<body>
 <Script type ="text/javascript">

var rx1=0,rx2=0,rx3=0,maxNum=0,minNum=0;
maxNum=9;
mixNum=0;

rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;
rx2=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;
rx3=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;

while(rx1==rx2)
{
 rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;

}
while(rx2==rx3 || rx3==rx1 )
{
 rx3=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;

}

document.write("我的亂數"+rx1,rx2,rx3);

 </Script>
<input type="button" value="Random" onclick="javascript:window.location.reload()"/>
</body>
</html>

張貼者： 於 沒有留言:
電腦手機軟體印出名子

張貼者： 於 沒有留言:
訂閱： 文章 (Atom)