Category: iPhone・iPad とアンドロイド(Android)

iPhone(iPad)とアンドロイドとWindows Phone etc ( 2013 )  比較 =表とグラフ=
/////

/////
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages:['corechart', 'table']});
google.setOnLoadCallback(
function() {
 var data001 = new google.visualization.arrayToDataTable([
['スマホ系 OS(2013中頃)', 'パーセント(%)'],
['iPhone・iPad', 0.45],
['Android', 0.5],
['Windows Phone etc', 0.05]
]);  
var formatter001 = new google.visualization.NumberFormat( {pattern: '#%'}); formatter001.format(data001, 1);
var table001 = new google.visualization.Table( document.getElementById('gct_combo_sample1_table001'));
table001.draw(data001, {showRowNumber: true});  
var chart_option001 = {hAxis:{format:'#%'}};
var chart001 = new google.visualization.BarChart( document.getElementById('gct_combo_sample1_chart001'));
chart001.draw(data001, chart_option001);
} );
</script>
<table> <tbody><tr><td> <div  style="width:150pt;" id="gct_combo_sample1_table001"></div> </td><td> <div  style="width:250pt; height:120pt;" id="gct_combo_sample1_chart001"></div> </td></tr>
</table>
///// 

iPhone(iPad)とアンドロイドとWindows Phone etc ( 2014 )  比較 =表とグラフ=

/////

///// 
<table> </table>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages:['corechart', 'table']});
google.setOnLoadCallback(
function() {
var data001 = new google.visualization.arrayToDataTable([
['スマホ系 OS)(2014 最近)', '(%)'],
['iPhone・iPad', 0.575],
['Android', 0.422],
['Windows Phone etc', 0.003]
]);
var formatter001 = new google.visualization.NumberFormat( {pattern: '#%'}); formatter001.format(data001, 1);
var table001 = new google.visualization.Table( document.getElementById('gct_combo_sample1_table001'));
table001.draw(data001, {showRowNumber: true});
var chart_option001 = {hAxis:{format:'#%'}};
var chart001 = new google.visualization.BarChart( document.getElementById('gct_combo_sample1_chart001'));
chart001.draw(data001, chart_option001);
} );
</script>
<table> <tbody>
<tr><td> <div  style="width:150pt;" id="gct_combo_sample1_table001"></div> </td><td> <div  style="width:250pt; height:120pt;" id="gct_combo_sample1_chart001"></div> </td></tr>
</tbody></table>
///// 


////////iPhone・iPad とアンドロイド(Android)

//////// 
 <html>
  <head>
    <!--Load the AJAX API-->
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">

      // Load the Visualization API and the piechart package.
      google.load('visualization', '1.0', {'packages':['corechart']});

      // Set a callback to run when the Google Visualization API is loaded.
      google.setOnLoadCallback(drawChart);

      // Callback that creates and populates a data table,
      // instantiates the pie chart, passes in the data and
      // draws it.
      function drawChart() {

        // Create the data table.
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Topping');
        data.addColumn('number', 'Slices');
        data.addRows([
          ['iPhone・iPad', 57.5],
          ['Android', 42.2]
        ]);

        // Set chart options
        var options = {'title':'iPhone・iPad  とアンドロイド(Android)',
                       'width':400,
                       'height':300};

        // Instantiate and draw our chart, passing in some options.
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>

  <body>
    <!--Div that will hold the pie chart-->
    <div id="chart_div"></div>
  </body>
</html>

↑このページのトップヘ