[Manoj Mohan]

@elbit12,

Sorry for the inconvenience caused. Your use-case seems to be working fine with zoomType set to x. As we were busy working on some other important features, we will reconsider this behavior for our upcoming versions.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@essijnjn,

Please take a look at this StackBlitz project for an example on custom scrollable legend in React CanvasJS Chart.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Nicola,

I tried the code you sent me and it works well but when I modify the link with mine it’s all blank

For security reasons, browsers restrict cross-origin requests. To access JSON from a different domain, you can refer to JSONP.

And if the json data are not filtered by close like
https://eodhistoricaldata.com/api/eod/MCD.US?api_token=OeAFFmMliFG5orCUuwAKQ8l4WWFQ67YX&fmt=json&period=d.
could I use in the line chart “date” for X axis and “adjusted close” for Y axis

You can parse the JSON and pass “date” and “adjusted_close” values as x and y in dataPoints as shown in this JSFiddle.

Considering this thread as a duplicate of chart with data from json and hence closing the same.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Nicola,

I tried the code you sent me and it works well but when I modify the link with mine it’s all blank

For security reasons, browsers restrict cross-origin requests. To access JSON from a different domain, you can refer to JSONP.

And if the json data are not filtered by close like
https://eodhistoricaldata.com/api/eod/MCD.US?api_token=OeAFFmMliFG5orCUuwAKQ8l4WWFQ67YX&fmt=json&period=d.
could I use in the line chart “date” for X axis and “adjusted close” for Y axis

You can parse the JSON and pass “date” and “adjusted_close” values as x and y in dataPoints as shown in this JSFiddle.

Considering this thread as a duplicate of chart with data from json and hence closing the same.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Nicola,

I tried the code you sent me and it works well but when I modify the link with mine it’s all blank

For security reasons, browsers restrict cross-origin requests. To access JSON from a different domain, you can refer to JSONP.

And if the json data are not filtered by close like
https://eodhistoricaldata.com/api/eod/MCD.US?api_token=OeAFFmMliFG5orCUuwAKQ8l4WWFQ67YX&fmt=json&period=d.
could I use in the line chart “date” for X axis and “adjusted close” for Y axis

You can parse the JSON and pass “date” and “adjusted_close” values as x and y in dataPoints as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Nicola,

Please take a look at this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@gaurav-sharma6,

1. while assigning dynamic height to chart using options for individual charts, navigator is not showing (refer container 1 in attached code)

StockChart takes default height when stockchart container’s height is not set. You can set the height of stockchart container by setting height in “containerProps” props of CanvasJS as explained in tutorial. Please take a look at this updated stackblitz example.

2.How can i decouple or extract navigator from container 2 so that it do not become part of scroll in case overflow is applied.(refer container 2 in attached code)

Decoupling navigator from stockchart is not possible as of now. However, you can achieve it by setting height of chart, navigator and stockchart container as shown in this stackblitz example.

Considering this thread as a duplicate of navigator hidden when height assigned to charts in stockcharts and hence closing the same.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@gaurav-sharma6,

1. while assigning dynamic height to chart using options for individual charts, navigator is not showing (refer container 1 in attached code)

StockChart takes default height when stockchart container’s height is not set. You can set the height of stockchart container by setting height in “containerProps” props of CanvasJS as explained in tutorial. Please take a look at this updated stackblitz example.

2.How can i decouple or extract navigator from container 2 so that it do not become part of scroll in case overflow is applied.(refer container 2 in attached code)

Decoupling navigator from stockchart is not possible as of now. However, you can achieve it by setting height of chart, navigator and stockchart container as shown in this stackblitz example.

Considering this thread as a duplicate of navigator hidden when height assigned to charts in stockcharts and hence closing the same.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@gaurav-sharma6,

1. while assigning dynamic height to chart using options for individual charts, navigator is not showing (refer container 1 in attached code)

StockChart takes default height when stockchart container’s height is not set. You can set the height of stockchart container by setting height in “containerProps” props of CanvasJS as explained in tutorial. Please take a look at this updated stackblitz example.

2.How can i decouple or extract navigator from container 2 so that it do not become part of scroll in case overflow is applied.(refer container 2 in attached code)

Decoupling navigator from stockchart is not possible as of now. However, you can achieve it by setting height of chart, navigator and stockchart container as shown in this stackblitz example.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@gaurav-sharma6,

1. while assigning dynamic height to chart using options for individual charts, navigator is not showing (refer container 1 in attached code)

StockChart takes default height when stockchart container’s height is not set. You can set the height of stockchart container by setting height in “containerProps” props of CanvasJS as explained in tutorial. Please take a look at this updated stackblitz example.

2.How can i decouple or extract navigator from container 2 so that it do not become part of scroll in case overflow is applied.(refer container 2 in attached code)

Decoupling navigator from stockchart is not possible as of now. However, you can achieve it by setting height of chart, navigator and stockchart container as shown in this stackblitz example.

Considering this thread as a duplicate of navigator hidden when height assigned to charts in stockcharts and hence closing the same.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@regcaultgmail-com,

Sorry, adding click event to label is not available as of now.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@angelesguerra,

Parsing Male and Female categories to separate dataPoints should work fine in your case. Please take at this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@weihengtest1990,

Please take a look at this StackBlitz project for an example on syncing zoom and pan across multiple charts in React.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@mortenlau,

In your case, you can set startAngle to rotate the pie chart and provide some extra space for indexlabels.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Antoine,

You can render the chart using the dataPoints associated with the corresponding checkbox as shown in this JSFiddle. However, you can improve visualizing your data using multi-series chart in such scenarios.

—-
Manoj Mohan
Team CanvasJS