how can i create multiple chart (two chart) in one page?

Vishwas, Thanks.. That was exactly what I was looking for!

Anne, As toolTip is a DOM element, CSS you use over the div will be applied to that aswell. You can use display: inline-block; and it works fine. Check this page for tutorial on how to render multiple charts in a page.

The tool tip for the second column chart shows at up the corresponding position of the first column. Is there any way to correct this?

Hi, In your code in line 83, 151, 220, 289, 358, 427, 496 you have set the width property to 600 (px). Removing these lines helps in resizing the chart.

File I want the entire chart container to fit to the browser screen size when resized. (Responsive/Adaptive web design)

how to create Multiple Charts on page

This topic has 23 replies, 8 voices, and was last updated 4 years, 3 months ago by Anne.

Viewing 15 posts - 1 through 15 (of 24 total)

1 2 →

Author

Posts
July 26, 2013 at 3:49 am #4824

juliusk

how can i create multiple chart (two chart) in one page?

July 26, 2013 at 10:31 am #4825

Sunil Urs

here is an example

http://jsfiddle.net/canvasjs/ZXh5y/

July 14, 2014 at 8:16 pm #6466

lonwabogiqwa

Hi there,
is it possible to display charts adjacent to each other like a widget type of thing, say two charts above and two below.

July 15, 2014 at 12:10 pm #6473

Anjali

Hi

Can you please give us some link / screenshot that depicts the kinda widget that you want to create?

July 15, 2014 at 3:09 pm #6475

lonwabogiqwa

i don’t know if it’s a widget or what but here is the link. click on charts in this page: http://dev.sencha.com/deploy/ext-4.0.1/examples/sandbox/sandbox.html i want to display charts in one page like shown here but of course on a full page.

July 15, 2014 at 5:27 pm #6478

Anjali

Hi,

Yes, you can plot the chart as mentioned in the link. Because charts just get drawn inside any container you provide, it’s more about designing the container itself. Just design/place the container according to your requirement and pass its id to CanvasJS and chart should get plotted inside the same.

Here is simple example that I’ve created. You can style it according to your requirements.

May 12, 2016 at 12:23 pm #10449
ASK123
Hi,

I want to be able to create multiple graphs on the same page where the data to each graph comes from separate CSV files.
Is it possible to display buttons on the webpage, for each chart to appear, with the on click option ?
- This reply was modified 4 years, 9 months ago by ASK123.
May 12, 2016 at 6:47 pm #10478

Vishwas R

You can use onclick mouse-event to load chart on button click, from multiple CSV files. Here is an example.

May 23, 2016 at 4:42 pm #10544

ASK123

Thank you, Vishwas. How do I load data from multiple csv’s to plot the graph ? I want to send the csv filename as a parameter to the “Processdata” function.

May 25, 2016 at 3:29 pm #10558

Vishwas R

You can load data from multiple CSV using ajax. Here is an example.

May 25, 2016 at 4:05 pm #10559

ASK123

I tried it, it’s not working. Please can you help me with why i’m unable to plot my graphs. Thanks!

May 26, 2016 at 4:22 pm #10563

Vishwas R

Kindly check the example from the fiddle. Here is the screenshot of the working fiddle.

May 27, 2016 at 3:21 pm #10570

ASK123

Hi, my csv data files are in this format :
Name, x, y
abc, 1, 4
def, 2, 1
ghi, 3, 2
Please help me with implement.

May 27, 2016 at 3:34 pm #10571
ASK123
File_Link

This is my code.
- This reply was modified 4 years, 9 months ago by ASK123.
May 27, 2016 at 8:01 pm #10574

Sanjoy

Hi,

For your csv format you have to use
dataPoints.push({ x: parseInt(rowData[1]), y: parseInt(rowData[2]), name:rowData[0] });
and linking to correct CSV should plot your corresponding chart.
Author

Posts