Changeset 11252 for branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/App_Code

Timestamp:

07/31/14 16:37:29 (10 years ago)

Author:

mroscoe

Message:

 

File:

• branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/App_Code/ChartHelper.cshtml (modified) (6 diffs)

branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/App_Code/ChartHelper.cshtml

@@ -478 +478 @@
   var @(destinationTag)PlotOptions = {
     title: "@title",
+    highlighter: {
+      show: true,
+      sizeAdjust: 7.5
+    },
     axes: {
       xaxis: {
@@ -502 +506 @@
           @:max: window["@(dataName)Data" + 0][window["@(dataName)Data" + 0].length - 1][1] + upperYBuffer,
         }
-        numberTicks: 6
+        numberTicks: 5
       }
     },
@@ -510 +514 @@
         show: false
       }
+    },
+    cursor: {
+      show: true,
+      showTooltip: false,
+      zoom: true,
+      clickReset: false,
+      dblClickReset: false,
+      constrainZoomTo: 'x'
     }
   };
@@ -836 +848 @@
             '<button class="collapse" onclick="CollapseSection(this)">-</button>' + 
             '<div id="UserTask@(taskState)Plot" class="noXTicks"></div>' +
+            '<label id="UserTask@(taskState)PlotInfo"></label>' + 
           '</section>'
         );
       }
       var userTasks = [];
+      var userNameLabels = [];
       var userNames = [];
       for (i=0; i < result.length; i++) {
         userTasks[i] = [result[i].Value];
-        userNames[i] = { label: result[i].Key };
+        userNameLabels[i] = { label: result[i].Key };
+        userNames[i] = result[i].Key;
       }
       window["UserTask@(taskState)Plot"] = $.jqplot("UserTask@(taskState)Plot", userTasks, {
@@ -852 +867 @@
           pointLabels: {show: true, formatString: '%.3f'}
         },
-        series: userNames,
+        series: userNameLabels,
         legend: {
           show: true,
@@ -872 +887 @@
         }
       });
+      /* Bind a datalistener to each chart and display details of clicked
+        upon data in the label below the chart */
+      $("#UserTask" + "@(taskState)Plot").bind('jqplotDataClick', function (ev, seriesIndex, pointIndex, data) {
+        $(this).next("label").html(userNames[seriesIndex] + " Tasks @(taskState): "  + data[1]);
+      });
     }});
   </text>