Read extra data sent in the AJAX JSON string

• February 14, 2023 at 4:09 am #42198
  
  dpanscik

  I am using JSON to get chart data from MVC Controller to the charts View page. All is working fantastic.

  I decided to use the chart JSON thread to send some additional data to be used by the View page.

  I am unsure how to pickup this additional data once its in the View.

  Here is the first part of my code;

  			function addData(data) {
  				for (var i = 0; i < data.length; i++) {
  					dataPoints.push({
  						label: data[i].label,
  						x: data[i].x,
  						y: data[i].y,
  						indexLabel: data[i].preLabel,
  						color: data[i].color,
  						periodName: data[i].periodName,
  						jobName: data[i].jobName,
  						z: data[i].z,
  						sortDate: data[i].sortDate,
  						extraData : data[i].extraData,
  					});
  				}
  
  				chart.render();
  
  			}

  I have tried the following in Javascript to pick up the extraData. This is obviously not correct. Can someone show me the correct syntax here?

  var pageName == extraData[0].value
  var alertMessage == extraData[1].value

  February 15, 2023 at 7:24 pm #42209
  
  Manoj Mohan

  @dpanscik,

  You can get your extra data passed to datapoints using chart object as shown below

  
  var pageName = chart.options.data[0].dataPoints[0].extraData[0].value
  var alertMessage = chart.options.data[0].dataPoints[0].extraData[1].value
  

  If you are still facing issue, kindly create a sample project reproducing the issue you are facing and share it with us over Google-Drive or Onedrive along with sample data so that we can look into your code, run it locally at our end to understand the scenario better and help you out?

  —-
  Manoj Mohan
  Team CanvasJS

  February 16, 2023 at 12:23 am #42211
  
  dpanscik

  Thank you Manoj

  Your syntax didnt get me there but helped by giving me some more options to try. I suspect your solution needs to be placed in a exact location of the chart’s functions for it to work.

  This is what I would up with that is working by placing at the end of the function: function addData(data){}

  pageName = dataPoints[0].extraData;
  alertMessage = dataPoints[1].extraData;

  February 16, 2023 at 6:58 pm #42214
  
  Manoj Mohan

  @dpanscik,

  Glad that you were able to get the desired solution.

  —-
  Manoj Mohan
  Team CanvasJS