HOME  >  各種APIのテスト  >  日本と世界のOSシェア率の比較と円グラフの色を変更

Google chart toolsの円グラフ(Pie Chart)で作成したサンプルです。2022年8月のOS(PCとスマホ合わせて)シェア率の世界と日本の比較です。円グラフを作成するJavaScriptに関しては、Google chart tools を使って、円グラフを作成を参照してください。

Google chart tools の円グラフで、日本と世界のOSシェア率(2022年8月)の比較

2022年8月の世界と日本のOSシェア率の比較です。このOSはPCとモバイルを合わせたものになります。なお、日本のOSシェア率の表示は関連ページのものと重複します。
[データの出典]Statcounter Global Stats

グラフの色を変更

デフォルトのままだと、濃いブルーからオレンジレッド、オレンジ…と値の大きい順にグラフの要素(この場合OS) の色が決まってしまいます。2つのグラフで順位が変わると比較対象の色も変わってしまい、とても分かりにくいものになります。

Google chart tools では色を変えることができるので、要素ごとに色を決めておきます。JavaScriptの var options のところで、 colors: を追加し、表示順に合わせて要素の数だけ色名を記載します。

 var options = {
    'title':'2022年8月の日本のOS(PC+mobile)シェア率',
    'width':600,
    'height':450,
    colors: ['#ff55aa','#ff9e1d','#aabb44','#3fa6f2','#6677ff','#cc66ee']
    };

2つ目のグラフで、順序が変わってしまったOSの色を前と同じになるよう並び替えます。これで分かりやすい比較ができます。

2022年8月の日本のOS(PC+mobile)シェア率

2022年8月の日本のOS(PC+mobile)シェア率
OS単位 %
Windows46.69
iOS24.07
Android12.9
Unknown8.61
OS X(macOS)6.77
Linux0.45
※データの%の総数が100ではないため、パイチャートの各項目hoverの際に表示される% 表示が違っています。

 

2022年8月の世界のOS(PC+mobile)シェア率

2022年8月の世界のOS(PC+mobile)シェア率
OS単位 %
Android43.43
Windows28.79
iOS17.63
OS X(macOS)5.54
Unknown2.46
Linux1.09
⊗ scriptの参考、引用元:

 

戻るボタン

 

 

inserted by FC2 system