差分

このページの2つのバージョン間の差分を表示します。

--- nuclear-energy:npg2015:start [2017/09/25 13:02] – 作成 ss12955jp
+++ nuclear-energy:npg2015:start [2017/09/25 13:43] – 2015 data (Energy Statistics 2017, IEA) ss12955jp
@@ 行 24: / 行 24: @@
 世界全体での発電電力量は約24.3兆kWh（2015年）で、そのうちの10.6%が原子力発電によるものです。
+<canvas:rgraph nuclear1 600,400>
+jQuery( function() { hvar1(); });
+function hvar1(){
+    var SeriesColor = ['#ff9429','#6072E0','#5F5F5F','#D4AA57','#DCC9E2','#94E029'];
+    var keys =        ['原子力','水力','石炭','石油','天然ガス','その他'];
+    // To show a stacked or grouped chart each element of the data array should itself
+    // be an array containing the data to be shown.
+    var DataUS = [ 8302.88 , 2711.29 , 14709.97 , 388.37 , 13725.70 , 3333.38 ];  // 2015 data
+    var DataFR = [ 4374.28 , 594.00 , 121.74 , 21.56 , 197.94 , 375.02 ];         // 2015 data
+    var DataRU = [ 1954.70 , 1699.14 , 1585.50 , 101.02 , 5297.49 , 37.59 ];      // 2015 data
+    var DataCN = [ 1707.89 , 11302.70 , 41089.94 , 96.79 , 1453.46 , 2948.80 ];   // 2015 data
+    var DataKR = [ 1647.62 , 57.96 , 2365.86 , 125.18 , 1228.56 ,103.58 ];        // 2015 data
+    var DataCA = [ 1014.23 , 3807.17 , 659.77 , 81.48 , 671.81 , 474.05 ];        // 2015 data
+    var DataDE = [  917.86 , 248.98 , 2837.10 , 62.09 , 630.17 , 1772.68 ];       // 2015 data
+    var DataUA = [  876.27 ,  69.71 ,  560.62 ,  7.46 , 101.02 , 21.74 ]; // Ukraine 2015 data
+    var DataUK = [  703.45 ,  90.28 , 767.11 , 21.33 , 1000.33 , 808.45 ];        // 2015 data
+    var DataES = [  573.05 , 313.68 , 526.76 , 172.41 , 524.98 , 699.32 ];        // 2015 data
+    var DataSE = [  563.48 , 754.39 ,   12.61 ,  2.52 ,   4.25 , 283.33 ]; // 2015
+    var DataBE = [  261.03 ,  14.18 ,   42.48 ,  2.09 , 228.16 , 158.54 ]; // 2015
+    var DataFI = [  232.45 , 167.69 ,   87.87 ,  2.12 ,  51.95 , 143.90 ]; // 2015
+    var DataCH = [  230.89 , 398.81 ,    0 ,     0.45 ,   6.62 ,  40.43 ]; // 2015
+    var DataJP = [   94.37 , 912.70 , 3432.19 , 1025.24 , 4098.33 , 850.60 ]; //2015
+    var data   = [DataUS,DataFR,DataRU,DataCN,DataKR,
+                  DataCA,DataDE,DataUA,DataUK,DataES,
+                  DataSE,DataBE,DataFI,DataCH,DataJP];
+    var labels = ['米国（アメリカ合衆国）','フランス','ロシア','中国','韓国',
+                  'カナダ','ドイツ','ウクライナ','英国（イギリス）','スペイン',
+                  'スウェーデン','ベルギー','フィンランド','スイス','日本'];
+    // Create the HBar object giving it the canvas ID and the data just defined.
+    var hbar = new RGraph.HBar('nuclear1', data)
+    // Configure the chart to appear as wished.
+        .Set('title','2015年')
+        .Set('title.xaxis','億 kWh')
+        .Set('title.xaxis.size',10)
+        .Set('grouping', 'stacked')
+        .Set('labels', labels)
+        .Set('xmax', 60000)
+        .Set('numxticks', 12)
+        .Set('xlabels.count', 6)
+        .Set('gutter.left', 160)
+        .Set('gutter.bottom', 40)
+        //.Set('background.barcolor1', 'white')
+        //.Set('background.barcolor2', 'white')
+        .Set('background.grid', true)
+        .Set('background.grid.autofit.numvlines', 12)
+        .Set('colors', SeriesColor)
+        .Set('key', ['原子力','水力','石炭','石油','天然ガス','その他'])
+        .Set('key.position.y', 172)
+        // Now call the .Draw() method to draw the chart.
+        .Draw();
+}
+</canvas>