Area Spline problem with DateTime values

• February 24, 2016 at 10:48 pm #9909
  
  Jacob

  I have a problem with my spline area chart and with the data i’m providing it. I’m providing data every 10 minutes (the interval for DateTime are about 10 minutes apart.

  Since I can’t upload attachments I provided a link to the log file showing the DateTime value from server side, then to the right showing the DateTime value after I converted it to “new Date(value)” which is what I supplied CanvasJS. Then to the right of that shows the Y-Value for each interval.

  Here are pictures of the problem (zoomed in with one series selected):
  

  Here is zoomed out (showing multiple series):
  

  Here is the attachment of the intervals:
  http://knowmoreit.com/wp-content/uploads/2016/02/CanvasJS_Intervals.txt

  February 25, 2016 at 10:18 am #9911
  
  Vishwas R

  Jacob,

  We looked into the log file and it seems like it gives a constant value,11, for y-value. But the screenshot you have uploaded has values less than that at every point.

  It would be better is you can reproduce the issue you are facing in a fiddle, so that we can understand your issue properly.

  February 25, 2016 at 8:47 pm #9920
  
  Jacob

  In there is one value for 9 and not 11. I think you may have skipped over that. I will try fiddle but here is the code to make the graph:

  function GetHistoryOverview(url) {
      $(".panel-systemhistory").block();
      $.getJSON(url, function (data) {
          var users = { type: "splineArea", lineThickness: 2, name: "Users", showInLegend: true, xValueType: "dateTime", dataPoints: [] };
          var mailboxes = { type: "splineArea", lineThickness: 2, name: "Mailboxes", showInLegend: true, xValueType: "dateTime", dataPoints: [] };
          var citrix = { type: "splineArea", lineThickness: 2, name: "Citrix", showInLegend: true, xValueType: "dateTime", dataPoints: [] };
  
          var chart = new CanvasJS.Chart("historyOverview",
              {
                  animationEnabled: true,
                  zoomEnabled: true,
                  title: { text: "" },
                  toolTip: { shared: true },
                  axisX: { labelAngle: -50 },
                  legend: {
                      cursor: "pointer",
                      itemclick: function (e) {
                          if (typeof (e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
                              e.dataSeries.visible = false;
                          }
                          else {
                              e.dataSeries.visible = true;
                          }
                          chart.render();
                      }
  
                  },
                  data: []
              }
          );
  
          $.each(data, function (i, val) {
              if (val.retrieved != null) {
                  var actualTime = moment(val.retrieved).format();
                  var xValue = new Date(actualTime);
  
                  if (val.hasOwnProperty("userCount"))
                      users.dataPoints.push({ x: xValue, y: val.userCount });
  
                  if (val.hasOwnProperty("mailboxCount"))
                      mailboxes.dataPoints.push({ x: xValue, y: val.mailboxCount });
  
                  if (val.hasOwnProperty("citrixCount"))
                      citrix.dataPoints.push({ x: xValue, y: val.citrixCount });
              }
          });
  
          if (users.dataPoints.length > 0)
              chart.options.data.push(users);
  
          if (mailboxes.dataPoints.length > 0)
              chart.options.data.push(mailboxes);
  
          if (citrix.dataPoints.length > 0)
              chart.options.data.push(citrix);
  
          chart.render();
      }).fail(function (data) {
          ShowError(data);
      }).always(function() {
          $(".panel-systemhistory").unblock();
      });
  }

  February 25, 2016 at 9:02 pm #9921
  
  Jacob

  I was able to reproduce this for you:
  http://jsfiddle.net/QwZuf/359/

  February 27, 2016 at 3:49 pm #9925
  
  Sunil Urs

  Jacob,

  Thanks for the jsfiddle. We’ll investigate more on this issue and get back..

  —
  Sunil Urs

  February 29, 2016 at 6:45 am #9927
  
  Jacob

  Ok thanks! Let me know.. have some customers waiting on the fix :-)

  March 2, 2016 at 1:20 pm #9933
  
  Sunil Urs

  Jacob,

  We are working on this issue right now and we hope to have it fixed at the earliest.

  —
  Sunil Urs

  March 13, 2016 at 9:02 am #9962
  
  Jacob

  Find anything interesting?

  March 15, 2016 at 1:09 pm #9993
  
  Vishwas R

  Jacob,

  The issue has been fixed and here is an internal-build. Kindly check if its working and let us know.