2014年10月

iPhone(iPad)とアンドロイドとWindows Phone etc ( 2013 と 2014)  比較 =円と円3D=

世界で異質な市場(日本)?
/////


/////


///// 
 <script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChartSamplePie);
function drawChartSamplePie() {
var data0001 = google.visualization.arrayToDataTable([
['スマートホン機種など', '比率'],
['iPhone・iPad',45], ['アンドロイド', 50],
['Windows Phone etc', 5]
]);
var options0001 = { title: 'iPhoneとアンドロイドとWindows Phone など(2013中頃)',};
var chart0001 = new google.visualization.PieChart(document.getElementById('gct_sample_pie0001')); chart0001.draw(data0001, options0001); }
</script>
<div  style="width: 400px;" id="gct_sample_pie0001"></div>
<br />
//////
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChartSamplePie);
function drawChartSamplePie() {
var data0002 = google.visualization.arrayToDataTable([
['iPhoneとAndroidとWindows Phone 3D(2014 最近)', '比率'],
['iPhone・iPad', 57.5],
['Android', 42.2],
['Windows Phone etc', 0.3]
]);
var options0002 = { title: 'スマートホン機種など 3D  iPhoneとAndroidとWindows Phone 3D(2014 最近)', is3D: true };
var chart0002 = new google.visualization.PieChart(document.getElementById('gct_sample_pie0002')); chart0002.draw(data0002, options0002); }
</script>
<div  id="gct_sample_pie0002" style="width: 400px;"></div>
////// 
参考 サイト
Visualization: Pie Chart(いろいろな円グラフ)
////// 

iPhone(iPad)とアンドロイドとWindows Phone etc ( 2013 と 2014) 比較 =折れ線と棒グラフ=
/////

///// 
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(
function () {
var data = google.visualization.arrayToDataTable([
['月', 'iPhone(iPad)', 'Android', 'Windows Phone etc','平均'],
['2013/09', 45.0, 50.0, 5,33.33],
['2014/09', 57.5,42.2, 0.3, 33.33]
]);
var ac = new google.visualization.ComboChart(document.getElementById('gct_sample_combo001ss')); ac.draw(data, {
title : 'スマートホンのシェア',
vAxis: {title: "%"},
hAxis: {title: "月"},
seriesType: "bars",
series: {5: {type: "line"}}
});
} );
</script>
<div  style="width:100%; height:250pt" id="gct_sample_combo001ss"></div>
/////

///// 
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(
function ()
{ var data = google.visualization.arrayToDataTable([
['月', 'iPhone(iPad)', 'Android', 'Windows Phone etc','平均'],
['2013/09', 45.0, 50.0, 5,33.33],
['2014/09', 57.5,42.2, 0.3, 50.0]
]);
var ac = new google.visualization.ComboChart(document.getElementById('gct_sample_combo002ss')); ac.draw(data, {
title : 'スマートホンのシェア', vAxis: {title: "%"},
hAxis: {title: "月"},
seriesType: "bars",
series: {3: {type: "line"}}
});
} );
</script>
<div  style="width:100%; height:250pt" id="gct_sample_combo002ss"></div>
///// 

iPhoneとアンドロイド 所有率が逆転!
 
(もし、折れ線グラフ だったら・・・・ 表題 をクリック しよう)
/////

/////
こちらの画像は、私が所有するとあるサイトのアクセス解析での、iPhone・iPad(57.5% )とアンドロイド(Android)(42.2% )の比率です。
2013年中頃までは、アンドロイドが50%程度で、iPhoneが45%程度とアンドロイドのほうが多かったのですが、ドコモからiPhoneが発売されてから少しずつ、iPhoneユーザーの方が増えてきたようです。

//////
参考 サイト
////// 
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">

      google.load('visualization', '1.0', {'packages':['corechart']});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
 
        var data001 = new google.visualization.DataTable();
        data001.addColumn('string', 'Topping');
        data001.addColumn('number', 'Slices');
        data001.addRows([
          ['iPhone・iPad', 57.5],
          ['Android', 42.2]
        ]);


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


        var chart001 = new google.visualization.PieChart(document.getElementById('chart_div001'));
        chart001.draw(data001, options001);
      }
    </script>

    <div  id="chart_div001"></div>
  
</div>
/////// 

Google Chart APIで(ダイレクト)グラフ画像のサンプル

/////

/////
<img src="http://chart.apis.google.com/chart?cht=lc
&amp;chs=300x125
&amp;chg=20,50,1,5
&amp;chxt=x,y
&amp;chxl=0:|1|2|3|4|5|6|7|1:|0|30|90
&amp;chd=t:10,10,14,30,80,40,100
&amp;chm=s,FF9904,0,-1,6" />
///// 

/////
<img src="http://chart.apis.google.com/chart?cht=lc
&amp;chs=300x125
&amp;chg=20,50,1,5
&amp;chxt=x,y
&amp;chxl=0:|1|2|3|4|5|6|7|1:|0|30|90
&amp;chd=t:10,10,14,30,80,40,100
&amp;chls=2,7,4
&amp;chcs=FF9900
&amp;chm=B,FFC266,0,0,0" />
///// 

/////
<img src="http://chart.apis.google.com/chart?cht=lc
&amp;chs=300x125
&amp;chg=20,50,1,5
&amp;chxt=x,y
&amp;chxl=0:|1|2|3|4|5|6|7|1:|0|30|90
&amp;chd=t:10,10,14,30,80,40,100
&amp;chm=r,FFEBCC,0,0.20,0.75|s,FF9904,0,-1,6" />
 

/////
<img src="http://chart.apis.google.com/chart?cht=bvs
&amp;chs=300x125
&amp;chg=20,50,1,5
&amp;chxt=x,y
&amp;chxl=0:|1|2|3|4|5|6|7|1:|0|30|90
&amp;chco=FFC266
&amp;chd=t:10,50,14,30,80,40,20" />
///// 

////
<img src="http://chart.apis.google.com/chart?cht=bvs
&amp;chs=300x125
&amp;chg=20,50,1,5
&amp;chxt=x,y
&amp;chxl=0:|1|2|3|4|5|6|7|1:|0|30|90
&amp;chd=t:10,50,14,30,80,40,20
&amp;chco=FFC266
&amp;chm=D,FF9900,0,0,3,1" />
////

/////
<img src="http://chart.apis.google.com/chart?cht=bhg
&amp;chs=300x250
&amp;chg=20,50,1,5
&amp;chxt=y,x
&amp;chxl=0:|1|2|3|4|5|6|7|1:|0|30|90
&amp;chd=t:10,50,14,30,80,40,20
&amp;chm=tHomepage,333333,0,0,13,1|tPamphlet,333333,0,1,13,1|tDirect+mail,333333,0,2,13,1|tInfomation,333333,0,3,13,1|tOther+Sites,333333,0,4,13,1|tAds,333333,0,5,13,1|tNews+paper,333333,0,6,13,1
&amp;chco=FFC266" />
/////

/////
<img src="http://chart.apis.google.com/chart?cht=p
&amp;chd=t:14711,11684,3431
&amp;chs=300x150
&amp;chl=1|2|3" />
/////


/////
<img src="http://chart.apis.google.com/chart?cht=r
&amp;chd=t:80,30,99,60,50,20,80
&amp;chs=300x200
&amp;chls=3,0,0
&amp;chxt=x,y
&amp;chxl=0:|Str|Vit|Agi|Dex|Int|Luk|1:|||||
&amp;chm=B,FF990080,0,0,5" />
/////
概説
パラメータ 意味 構文
cht 図のタイプ cht=lc
chs 図のサイズ chs=250x100
chg グリッド線 chg=[x軸のステップサイズ],[y軸のステップサイズ],[分断線],[空白線]
chxt 複数軸ラベル(軸タイプ) chxt=x,y,r,x
chxl 複数軸ラベル(軸ラベル) chxl=
0:|Jan|July|Jan|July|Jan|
1:|0|100|
2:|A|B|C|
3:|2005|2006|2007
chls 線のスタイル chls=[線の太さ],[線の長さ],[空白の長さ]
chcs 線の色 chcs=FF9900
chco チャートの色 chco=FFC266
chm=r 範囲マーカー chm=[r(水平範囲)/R(垂直範囲)],[色],0,[始点],[終点]
chm=D 棒グラフのデータ線 chm=D,[色],[data set index],0,[サイズ],[描画順序 1/0/-1]
chm 図形マーカー chm=[図形タイプ],[色],[data set index],[data point],[サイズ],[描画順序 1/0/-1]
ここで図形タイプとは、以下から選ぶ。

a 矢印
c 十字
d ひし形
o
s 正方形
t 任意のテキスト(スペースは + で表す)
v x軸の直線(データポイントまで)
V x軸の直線(図の上端まで)
h y軸の直線(チャートを横切る水平線)
x ×印
/////

ACT アンケート(希望・優先性) 
/////

*** Pareto chart by Google Chart API ***

作成済みの固定画像を表示するだけでは面白くないので、値が変更されたら随時、画像を更新するようにしてみました。
以下の入力欄を変更すると、パレート図を更新します。

タイトル


データ
No ACTに期待する要因 得点(希望・期待度) 比率(%)
1
0.0
2
0.0
3
0.0
4
0.0
5
0.0
* 合計
150
100.0
//////
ACTに期待する「項目(自由に選択も可)」を自分で変更してもらってもかまいません。われわれは、真摯のうけとめ、行動していきます。
////// 
ACT アンケート (気楽な調査)

ACT 満足度 アンケート(気楽な調査)
/////// 
ACT  簡易アプリ: サプリ
/////// 
参考(発展 サイト)
/////// 
イメージ昼食アンケート(by ACT) 実験
昼食アンケート
[ 質問内容 - 単一回答 ]

あなたの朝食を教えてください。

主に和食
主に洋食
主に中華
主に麺類
主にパン類
主におにぎり
いろいろ食べる
昼は食べない

あなたの昼食を教えてください(by ACT )
//////

↑このページのトップヘ