コミット: 09af2f2b9559d1681afd63aa1e3370012d0296c2 - elixir_report_sample (git)

PythonからElixir Reportのレポートサーバーにアクセスするサンプルコード

コミットメタ情報

• リビジョン: 09af2f2b9559d1681afd63aa1e3370012d0296c2 (tree)
• 日時: 2014-12-03 15:40:58
• 作者: hylom <hylom@user...>
• コミッター: hylom

ログメッセージ

fix index.js for support 4-column traffic data

変更サマリ

• modified: www_root/js/index.js

差分

--- a/www_root/js/index.js
+++ b/www_root/js/index.js
@@ -55,15 +55,17 @@ function xmlParser(error, xmlRoot) {
     // getElements...で取得できるのはelementオブジェクト
     var values = [];
     var v = records[i].getElementsByTagNameNS(ns, "field");
-    // オブジェクトを文字列に変換する
-    for (var j = 0; j < v.length; j++) {
-      values[j] = v[j].textContent;
-    }
 
     // 1列目のデータをdate型に変換する
-    var p = /([0-9]{4})-([0-9]{2})-([0-9]{2})/.exec(values[0])
+    var p = /([0-9]{4})-([0-9]{2})-([0-9]{2})/.exec(v[0].textContent)
     values[0] = new Date(Number(p[1]), Number(p[2]) - 1, Number(p[3]))
 
+    // オブジェクトを文字列に変換する
+    for (var j = 1; j < v.length; j++) {
+      values[j] = Number(v[j].textContent);
+    }
+
+
     data.push(values);
   }
   // データを元にグラフを描画する
@@ -98,7 +100,7 @@ function drawGraph() {
     .range([0, graph.h]);
 
   // PVグラフを描画
-  g.append('g').selectAll('.bar .pv')
+  g.append('g').selectAll('.bar .pageviews')
     .data(data).enter().append('rect')
     .attr('class', 'bar pageviews')
     .attr('width', thickness)
@@ -107,24 +109,34 @@ function drawGraph() {
     .attr('y', function(d) { return scaleY(d[1]); })
     .attr('transform', 'translate(20, 0)');
 
+  // SESSIONグラフを描画
+  g.append('g').selectAll('.bar .sessions')
+    .data(data).enter().append('rect')
+    .attr('class', 'bar sessions')
+    .attr('width', thickness)
+    .attr('height',function (d) { return graph.h - scaleY(d[3]); })
+    .attr('x', function(d) { return scaleX(d[0]); })
+    .attr('y', function(d) { return scaleY(d[3]); })
+    .attr('transform', 'translate(20, 0)');
+
   // USERグラフを描画
-  g.append('g').selectAll('.bar .user')
+  g.append('g').selectAll('.bar .users')
     .data(data).enter().append('rect')
     .attr('class', 'bar users')
     .attr('width', thickness)
-    .attr('height',function (d) { return graph.h - scaleY(d[2]); })
+    .attr('height',function (d) { return graph.h - scaleY(d[4]); })
     .attr('x', function(d) { return scaleX(d[0]); })
-    .attr('y', function(d) { return scaleY(d[2]); })
+    .attr('y', function(d) { return scaleY(d[4]); })
     .attr('transform', 'translate(20, 0)');
 
   // 1ST_USERグラフを描画
-  g.append('g').selectAll('.bar .first')
+  g.append('g').selectAll('.bar .first-visits')
     .data(data).enter().append('rect')
     .attr('class', 'bar first-visits')
     .attr('width', thickness)
-    .attr('height',function (d) { return graph.h - scaleY(d[3]); })
+    .attr('height',function (d) { return graph.h - scaleY(d[2]); })
     .attr('x', function(d) { return scaleX(d[0]); })
-    .attr('y', function(d) { return scaleY(d[3]); })
+    .attr('y', function(d) { return scaleY(d[2]); })
     .attr('transform', 'translate(20, 0)');
 
   // X軸を描画