差分

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

--- nuclear-energy:npg2015:start [2017/09/25 13:02] – 作成 ss12955jp
+++ nuclear-energy:npg2015:start [2017/10/04 09:36] (現在) – ss12955jp
@@ 行 24: / 行 24: @@
 世界全体での発電電力量は約24.3兆kWh（2015年）で、そのうちの10.6%が原子力発電によるものです。
+<canvas:rgraph nuclear1 600,400>
+jQuery( function() { hvar1(); });
+function hvar1(){
-^Producers           ^ TWh  ^ %of world total ^
+    var SeriesColor = ['#ff9429','#6072E0','#5F5F5F','#D4AA57','#DCC9E2','#94E029'];
-|United States               |   830|   32.3|
+    var keys =        ['原子力','水力','石炭','石油','天然ガス','その他'];
-|France                      |   437|   17.0|
-|Russian Federation          |   195|    7.6|
+    // To show a stacked or grouped chart each element of the data array should itself
-|People’s Republic of China  |   171|    6.7|
+    // be an array containing the data to be shown.
-|Korea                       |   165|    6.4|
-|Canada                      |   101|    3.9|
+    var DataUS = [ 8302.88 , 2711.29 , 14709.97 , 388.37 , 13725.70 , 3333.38 ];  // 2015 data
-|Germany                     |    92|    3.6|
+    var DataFR = [ 4374.28 , 594.00 , 121.74 , 21.56 , 197.94 , 375.02 ];         // 2015 data
-|Ukraine                     |    88|    3.4|
+    var DataRU = [ 1954.70 , 1699.14 , 1585.50 , 101.02 , 5297.49 , 37.59 ];      // 2015 data
-|United Kingdom              |    70|    2.7|
+    var DataCN = [ 1707.89 , 11302.70 , 41089.94 , 96.79 , 1453.46 , 2948.80 ];   // 2015 data
-|Spain                       |    57|    2.2|
+    var DataKR = [ 1647.62 , 57.96 , 2365.86 , 125.18 , 1228.56 ,103.58 ];        // 2015 data
-|Rest of the world           |   365|   14.2|
-|World                       |  2571|  100.0|
+    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>
+^Producers           ^^ TWh  ^ %of world total ^
+|  1|United States               |   830|   32.3|
+|  2|France                      |   437|   17.0|
+|  3|Russian Federation          |   195|    7.6|
+|  4|People’s Republic of China  |   171|    6.7|
+|  5|Korea                       |   165|    6.4|
+|  6|Canada                      |   101|    3.9|
+|  7|Germany                     |    92|    3.6|
+|  8|Ukraine                     |    88|    3.4|
+|  9|United Kingdom              |    70|    2.7|
+| 10|Spain                       |    57|    2.2|
+|   |Rest of the world           |   365|   14.2|
+|   |World                       |  2571|  100.0|
 Data <fs 80%>source: <abbr>国際エネルギー機関(IEA)</abbr>統計 «Energy Statistics 2017, IEA»</fs>