[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

[Manoj Mohan]

@akemake,

[Update]

We have just released v3.12.10 with this bug fix. Please refer to the release blog for more information. Do download the latest version from our download page and let us know your feedback.

Sorry, this bug has not been fixed in the current version(3.2). We will be fixing it in our future versions. Please subscribe to our blog to get updates on our releases.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@mortenlau,

You can customize the size of pie/doughnut chart using radius property in this scenario which will allow indexlabels to utilize more space to display.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@ksubendran,

Disabling tick for a particular axis label is not possible as of now. However, you can remove all the ticks by setting tickLength property to zero.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@ksubendran,

You can use x value along with label property to achieve your requirements as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Shyam,

You can place the axis labels above or below axis line by using labelPlacement property. Please take a look at this JSFiddle.

—-
Manoj Mohan
Team CanvasJS