Creating data Tables in charts

• June 23, 2017 at 9:41 am #15388
  
  sherin

  Hi , Is there a wat to insert data tables as chart elements as in excel inside bar charts?

  June 23, 2017 at 12:46 pm #15391
  
  Suyash Singh

  @sherin,

  You can easily create a chart using the values from HTML Table data and can also update the dataPoints once the table data is changed as shown in the code snippet below:

  document.getElementById('customTable').addEventListener("change", function (e) {  
    index = e.target.parentNode.parentNode.rowIndex;
  
    if (!chart.options.data[0].dataPoints[index - 1])
      chart.options.data[0].dataPoints[index - 1] = {};
  
    chart.options.data[0].dataPoints[index - 1].y = Number(e.target.value);
    chart.render();
  });
  

  Please take a look at this JSFiddle for a working example with sample code on rendering chart from HTML Table data.

  

  ___
  Suyash Singh
  Team CanvasJS

  June 23, 2017 at 12:57 pm #15392
  
  sherin

  Hi,
  Can I create one with legend keys .

  June 26, 2017 at 11:25 am #15413
  
  Suyash Singh

  @sherin,

  Sorry, I am unable to understand your exact requirement. Can you please help us with some more explanation on what do you mean by “legend keys” so that we can understand your scenario better and help you out?

  Can you let us know if you are looking for Legends ?

  ___
  Suyash Singh
  Team CanvasJS

  June 27, 2017 at 10:50 am #15423
  
  sherin

  Hi, I was taking about datables in excel. Please see this link .
  http://www.dummies.com/software/microsoft-office/excel/chart-data-tables-and-excel-pivot-charts/

  I want to create exactly as in excel these data tables.

  June 29, 2017 at 7:34 pm #15456
  
  Suyash Singh

  @sherin,

  Sorry, this feature is not available as of now.

  ___
  Suyash
  Team CanvasJS