Home forums Using CanvasJS Show Multiseries Line Chart With Grouped Data

This topic contains 6 replies, has 2 voices, and was last updated by  jonasbui1476 8 months, 1 week ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #14199

    jonasbui1476
    Member

    Hello and Happy Lunar New Year guys.
    Is it possible to draw line chart from Json file with grouped data. For example, my Json has structure like this:
    [{"id":1,"timeStamp":"2017/02/06 15:15:31.874","elapsed":14033,"label":"Login page","responseCode":"200","responseMessage":"\"Number of samples in transaction : 99","threadName":" number of failing samples : 0\"","dataType":"Thread Group 1-1","success":"","failureMessage":"true","bytes":"","grpThreads":563060,"allThreads":16,"latency":16,"sampleCount":0,"errorCount":1,"idleTime":0,"testId":9},{"id":2,"timeStamp":"2017/02/06 15:15:32.756","elapsed":12968,"label":"Login page","responseCode":"200","responseMessage":"\"Number of samples in transaction : 99","threadName":" number of failing samples : 0\"","dataType":"Thread Group 1-7","success":"","failureMessage":"true","bytes":"","grpThreads":563060,"allThreads":18,"latency":18,"sampleCount":0,"errorCount":1,"idleTime":0,"testId":9},{"id":3,"timeStamp":"2017/02/06 15:15:32.879","elapsed":11066,"label":"Login page","responseCode":"200","responseMessage":"\"Number of samples in transaction : 99","threadName":" number of failing samples : 0\"","dataType":"Thread Group 1-5","success":"","failureMessage":"true","bytes":"","grpThreads":563060,"allThreads":18,"latency":18,"sampleCount":0,"errorCount":1,"idleTime":0,"testId":9},{"id":4,"timeStamp":"2017/02/06 15:15:33.105","elapsed":14727,"label":"Login page","responseCode":"200","responseMessage":"\"Number of samples in transaction : 99","threadName":" number of failing samples : 0\"","dataType":"Thread Group 1-6","success":"","failureMessage":"true","bytes":"","grpThreads":563060,"allThreads":18,"latency":18,"sampleCount":0,"errorCount":1,"idleTime":0,"testId":9},{"id":5,"timeStamp":"2017/02/06 15:15:33.251","elapsed":16803,"label":"Login page","responseCode":"200","responseMessage":"\"Number of samples in transaction : 99","threadName":" number of failing samples : 0\"","dataType":"Thread Group 1-3","success":"","failureMessage":"true","bytes":"","grpThreads":563060,"allThreads":18,"latency":18,"sampleCount":0,"errorCount":1,"idleTime":0,"testId":9},{"id":6,"timeStamp":"2017/02/06 15:15:33.581","elapsed":16842,"label":"Login page","responseCode":"200","responseMessage":"\"Number of samples in transaction : 99","threadName":" number of failing samples : 0\"","dataType":"Thread Group 1-4","success":"","failureMessage":"true","bytes":"","grpThreads":563060,"allThreads":18,"latency":18,"sampleCount":0,"errorCount":1,"idleTime":0,"testId":9},{"id":7,"timeStamp":"2017/02/06 15:15:35.900","elapsed":16127,"label":"Login page","responseCode":"200","responseMessage":"\"Number of samples in transaction : 99","threadName":" number of failing samples : 0\"","dataType":"Thread Group 1-2","success":"","failureMessage":"true","bytes":"","grpThreads":563060,"allThreads":19,"latency":19,"sampleCount":0,"errorCount":1,"idleTime":0,"testId":9},{"id":8,"timeStamp":"2017/02/06 15:15:36.988","elapsed":14377,"label":"Login page","responseCode":"200","responseMessage":"\"Number of samples in transaction : 99","threadName":" number of failing samples : 0\"","dataType":"Thread Group 1-8","success":"","failureMessage":"true","bytes":"","grpThreads":563060,"allThreads":20,"latency":20,"sampleCount":0,"errorCount":1,"idleTime":0,"testId":9},{"id":9,"timeStamp":"2017/02/06 15:15:37.263","elapsed":5379,"label":"Login to main","responseCode":"200","responseMessage":"\"Number of samples in transaction : 22","threadName":" number of failing samples : 0\"","dataType":"Thread Group 1-1","success":"","failureMessage":"true","bytes":"","grpThreads":66051,"allThreads":20,"latency":20,"sampleCount":0,"errorCount":1,"idleTime":0,"testId":9},{"id":10,"timeStamp":"2017/02/06 15:15:37.346","elapsed":82,"label":"Enter my build","responseCode":"200","responseMessage":"\"Number of samples in transaction : 1","threadName":" number of failing samples : 0\"","dataType":"Thread Group 1-1","success":"","failureMessage":"true","bytes":"","grpThreads":1016,"allThreads":20,"latency":20,"sampleCount":0,"errorCount":1,"idleTime":0,"testId":9}

    So right now i want group by the column “Label” with X was Column “timeStamp” and Y was Column “allThreads”. Thanks.

    • This topic was modified 8 months, 2 weeks ago by  jonasbui1476. Reason: Missing data
    • This topic was modified 8 months, 2 weeks ago by  jonasbui1476. Reason: Missing data
    • This topic was modified 8 months, 2 weeks ago by  jonasbui1476.
    #14203

    jonasbui1476
    Member

    This is my Json
    {“id”:1,”timeStamp”:”2017/02/06 15:15:31.874″,”elapsed”:14033,”label”:”Login page”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 99″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-1″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:563060,”allThreads”:16,”latency”:16,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:2,”timeStamp”:”2017/02/06 15:15:32.756″,”elapsed”:12968,”label”:”Login page”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 99″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-7″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:563060,”allThreads”:18,”latency”:18,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:3,”timeStamp”:”2017/02/06 15:15:32.879″,”elapsed”:11066,”label”:”Login page”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 99″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-5″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:563060,”allThreads”:18,”latency”:18,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:4,”timeStamp”:”2017/02/06 15:15:33.105″,”elapsed”:14727,”label”:”Login page”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 99″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-6″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:563060,”allThreads”:18,”latency”:18,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:5,”timeStamp”:”2017/02/06 15:15:33.251″,”elapsed”:16803,”label”:”Login page”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 99″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-3″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:563060,”allThreads”:18,”latency”:18,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:6,”timeStamp”:”2017/02/06 15:15:33.581″,”elapsed”:16842,”label”:”Login page”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 99″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-4″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:563060,”allThreads”:18,”latency”:18,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:7,”timeStamp”:”2017/02/06 15:15:35.900″,”elapsed”:16127,”label”:”Login page”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 99″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-2″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:563060,”allThreads”:19,”latency”:19,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:8,”timeStamp”:”2017/02/06 15:15:36.988″,”elapsed”:14377,”label”:”Login page”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 99″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-8″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:563060,”allThreads”:20,”latency”:20,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:9,”timeStamp”:”2017/02/06 15:15:37.263″,”elapsed”:5379,”label”:”Login to main”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 22″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-1″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:66051,”allThreads”:20,”latency”:20,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:10,”timeStamp”:”2017/02/06 15:15:37.346″,”elapsed”:82,”label”:”Enter my build”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 1″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-1″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:1016,”allThreads”:20,”latency”:20,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:11,”timeStamp”:”2017/02/06 15:15:37.423″,”elapsed”:76,”label”:”Filter Not Started Builds”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 1″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-1″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:1016,”allThreads”:20,”latency”:20,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:12,”timeStamp”:”2017/02/06 15:15:37.836″,”elapsed”:410,”label”:”Click on one favorite”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 3″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-1″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:6132,”allThreads”:20,”latency”:20,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:13,”timeStamp”:”2017/02/06 15:15:38.009″,”elapsed”:9770,”label”:”Login page”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 99″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-13″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:563060,”allThreads”:20,”latency”:20,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:14,”timeStamp”:”2017/02/06 15:15:38.549″,”elapsed”:12220,”label”:”Login page”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 99″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-12″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:563060,”allThreads”:20,”latency”:20,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:15,”timeStamp”:”2017/02/06 15:15:38.639″,”elapsed”:5874,”label”:”Login to main”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 22″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-7″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:66088,”allThreads”:21,”latency”:21,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:16,”timeStamp”:”2017/02/06 15:15:38.674″,”elapsed”:5414,”label”:”Login to Main”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 22″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-3″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:66079,”allThreads”:21,”latency”:21,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:17,”timeStamp”:”2017/02/06 15:15:38.709″,”elapsed”:5121,”label”:”Login to main”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 22″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-4″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:66082,”allThreads”:21,”latency”:21,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:18,”timeStamp”:”2017/02/06 15:15:38.716″,”elapsed”:76,”label”:”Enter my build”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 1″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-7″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:1016,”allThreads”:21,”latency”:21,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:19,”timeStamp”:”2017/02/06 15:15:38.724″,”elapsed”:5839,”label”:”Login to main”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 22″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-5″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:66067,”allThreads”:21,”latency”:21,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:20,”timeStamp”:”2017/02/06 15:15:38.750″,”elapsed”:76,”label”:”Enter my build”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 1″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-3″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:1016,”allThreads”:21,”latency”:21,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:21,”timeStamp”:”2017/02/06 15:15:38.757″,”elapsed”:11249,”label”:”Login page”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 99″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-9″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:563060,”allThreads”:21,”latency”:21,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:22,”timeStamp”:”2017/02/06 15:15:38.786″,”elapsed”:76,”label”:”Enter my build”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 1″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-4″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:1016,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:23,”timeStamp”:”2017/02/06 15:15:38.792″,”elapsed”:76,”label”:”Filter Not Started Builds”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 1″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-7″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:1016,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:24,”timeStamp”:”2017/02/06 15:15:38.800″,”elapsed”:76,”label”:”Enter my build”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 1″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-5″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:1016,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:25,”timeStamp”:”2017/02/06 15:15:38.827″,”elapsed”:76,”label”:”Filter Not Started Builds”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 1″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-3″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:1016,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:26,”timeStamp”:”2017/02/06 15:15:38.863″,”elapsed”:76,”label”:”Filter Not Started Builds”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 1″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-4″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:1016,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:27,”timeStamp”:”2017/02/06 15:15:38.878″,”elapsed”:77,”label”:”Filter Not Started Builds”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 1″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-5″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:1016,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:28,”timeStamp”:”2017/02/06 15:15:38.989″,”elapsed”:1151,”label”:”Enter details build”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 15″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-1″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:11432,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:29,”timeStamp”:”2017/02/06 15:15:39.064″,”elapsed”:270,”label”:”Click on one favorite”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 3″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-7″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:6128,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:30,”timeStamp”:”2017/02/06 15:15:39.070″,”elapsed”:241,”label”:”Click on one favorite”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 3″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-3″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:6128,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:31,”timeStamp”:”2017/02/06 15:15:39.100″,”elapsed”:236,”label”:”Click on one favorite”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 3″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-4″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:6131,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:32,”timeStamp”:”2017/02/06 15:15:39.113″,”elapsed”:234,”label”:”Click on one favorite”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 3″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-5″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:6132,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:33,”timeStamp”:”2017/02/06 15:15:39.128″,”elapsed”:6006,”label”:”Login to main”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 22″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-6″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:66074,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:34,”timeStamp”:”2017/02/06 15:15:39.211″,”elapsed”:83,”label”:”Enter my build”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 1″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-6″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:1016,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:35,”timeStamp”:”2017/02/06 15:15:39.290″,”elapsed”:79,”label”:”Filter Not Started Builds”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 1″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-6″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:1016,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9},{“id”:36,”timeStamp”:”2017/02/06 15:15:39.529″,”elapsed”:238,”label”:”Click on one favorite”,”responseCode”:”200″,”responseMessage”:”\”Number of samples in transaction : 3″,”threadName”:” number of failing samples : 0\””,”dataType”:”Thread Group 1-6″,”success”:””,”failureMessage”:”true”,”bytes”:””,”grpThreads”:6120,”allThreads”:22,”latency”:22,”sampleCount”:0,”errorCount”:1,”idleTime”:0,”testId”:9}

    • This reply was modified 8 months, 2 weeks ago by  jonasbui1476.
    #14205

    jonasbui1476
    Member

    http://www.upsieutoc.com/image/RmKpdy
    Here is the expected result

    • This reply was modified 8 months, 2 weeks ago by  jonasbui1476.
    #14207

    Vishwas R
    Keymaster

    @jonasbui1476,

    Yes, its possible to render multiseries chart from single json based on some key/id. Please check this jsfiddle for an example on the same.

    Please refer this page for info on date-formats in JavaScript, the date-format in your json is not a valid one.


    Vishwas R

    #14215

    jonasbui1476
    Member

    @vishwas R,

    Thanks for an instant reply.

    var dataSeries = [];
    var chart = new CanvasJS.Chart("chartContainer", {            
      title: {
        text: "MultiSeries Chart from JSON"
      },
      zoomEnabled: true, 
      toolTip: {
        animationEnabled: true,
        shared: true
      },
      data: dataSeries
    });
    
    $.when(
        $.getJSON("https://api.myjson.com/bins/k2rm5", function(result) {      
        		for(var i = 0; i < result.length; i++) {
            	var dps = [];
            	var label = result[i].label;
              var len = Object.keys(result[i]).length - 2;
              for(j = 1; j <= len; j++) {
              	dps.push({x: result[i].id, y: parseInt(result[i].allThreads) });
              }
              dataSeries.push({name: label, type: "line", dataPoints: dps});
            }
          })
        ).then(function() {
        chart.render();
     }); 

    I changed the code a little bit and it’s close to my idea but when the column “Label” is repeated for example :”Login Page” instead of creating new dataSeries, Can I update new dataPoint for that Label.
    Thanks

    • This reply was modified 8 months, 2 weeks ago by  jonasbui1476.
    #14223

    Vishwas R
    Keymaster

    @jonasbui1476,

    By changing few lines of code according to your json format, its possible to render multi-series chart based on the key (label) from JSON. Please check this jsfiddle.

    Multiseries Chart from JSON


    Vishwas R

    #14257

    jonasbui1476
    Member

    @vishwas,

    Wow, thanks Vishwas it’s working perfectly.
    Thanks for your instant support!

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.