Loading data series from an external file

• January 10, 2020 at 9:39 pm #27981
  
  Gutemberg

  Hi there,

  In CanvasJS, is it possible to load a data series from an external file? For example, i have a file named data.txt with the content:

  { x: 10, y: 71 },
  { x: 22, y: 55},
  { x: 31, y: 50 },
  { x: 44, y: 65 },
  { x: 50, y: 95 },
  { x: 64, y: 68 },
  { x: 72, y: 28 },
  { x: 84, y: 34 },
  { x: 90, y: 14}

  How can i assign this content to a CanvasJS variable and plot it, if possible?

  Thanks in advance. Best regards.

  January 13, 2020 at 7:06 pm #28020
  
  Shashi Ranjan

  @gutemberg,

  Kindly refer this JSFiddle on creating chart from an external text file.

  The format of the text file( e.g. dataPoints.txt ) should be:

  10 71 
  22 55
  31 50
  44 65
  50 95
  64 68
  72 28

  —
  Shashi Ranjan
  Team CanvasJS

  January 15, 2020 at 4:29 pm #28038
  
  Gutemberg

  @Sashi, thanks for your reply.
  Is it possible to load the content from a file without using an “input” html tag?
  I’ve searched through Internet and I realized that input tag is the easiest and most used way to do this, but I really want to do it programatically with CanvasJS without using any type kind of html tag.

  Thanks in advance for your attention.
  Best Regards

  January 16, 2020 at 7:00 pm #28062
  
  Shashi Ranjan

  @gutemberg,

  You can achieve the above requirement using the jQuery get() method. Please refer to this StackOverflow article for more information on the same.

  —
  Shashi Ranjan
  Team CanvasJS

  January 17, 2020 at 8:43 pm #28073
  
  Gutemberg

  Hi Sashi, thanks again.
  I have a new question:In running CanvasJS line graphic (and maybe others) could exist marks on x axis without corresponding marks on y axis.
  How can I eliminated this x axis points related no value in y axis, pls?

  Thanks in advance. Best regards.

  January 20, 2020 at 6:35 pm #28101
  
  Shashi Ranjan

  @gutemberg,

  Can you kindly share a pictorial representation and brief us more about your requirement so that we can understand your scenario better and help you out?

  —
  Shashi Ranjan
  Team CanvasJS

  January 21, 2020 at 7:23 pm #28118
  
  Gutemberg

  @Sashi, thanks for your almost infinite patiente with us.
  I put an exemple here .
  How can I eliminate the columns space related to dates 03 and 04/01/2020 (brazilian date format)?

  Thanks in advance.
  Best Regards

  January 21, 2020 at 7:24 pm #28119
  
  Gutemberg

  Unwanted X-Axis Data Points

  January 22, 2020 at 2:33 am #28124
  
  Gutemberg

  @Sashi, I found a proposed solution by @Indranil that is almost what I’m looking for.
  In his solution, @Indranil worked with date and time variables, excluding x-points that don’t have y-points.

  Best regards.

  January 22, 2020 at 2:39 am #28125
  
  Gutemberg

  January 22, 2020 at 9:23 am #28126
  
  Gutemberg

  @Indranil’s link (x-axis )

  http://jsfiddle.net/canvasjs/0rr13x1u/

  January 24, 2020 at 3:38 am #28152
  
  Gutemberg

  @Sashi, don’t bother with my question anymore.

  @Idranil’s solution worked. I only made a litle adjustment on my own data.

  Thanks a lot guys.

  Best regards

  January 24, 2020 at 6:47 pm #28160
  
  Shashi Ranjan

  @gutemberg,

  Glad that it worked for you :)

  —
  Shashi Ranjan
  Team CanvasJS