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)シェア率
OS | 単位 % |
---|---|
Windows | 46.69 |
iOS | 24.07 |
Android | 12.9 |
Unknown | 8.61 |
OS X(macOS) | 6.77 |
Linux | 0.45 |
2022年8月の世界のOS(PC+mobile)シェア率
OS | 単位 % |
---|---|
Android | 43.43 |
Windows | 28.79 |
iOS | 17.63 |
OS X(macOS) | 5.54 |
Unknown | 2.46 |
Linux | 1.09 |