Loading data series from an external file

[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.

[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

[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

[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

[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.

[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

[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

[Gutemberg]

Unwanted X-Axis Data Points

[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.

[Gutemberg]

[Gutemberg]

@Indranil’s link (x-axis )

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

[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

[Shashi Ranjan]

@gutemberg,

Glad that it worked for you :)

—
Shashi Ranjan
Team CanvasJS