[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

[Manoj Mohan]

Shyam,

You can achieve your requirement with the combination of line and column chart as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@vincentk,

zoomEnabled options is not available in Navigator. Please take a look at this documentation page to know more about the list of options available in Navigator. However, you can enable the zooming/panning in individual charts by using zoomEnabled property.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@shakil,

WebView is the possible solution as of now.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@surendra24987,

Can you kindly create a sample project reproducing the issue you are facing and share it with us over Google-Drive or Onedrive along with sample data so that we can look into your code, run it locally at our end to understand the scenario better and help you out?

From what we have observed, sometimes things get delayed mostly when we are not able to reproduce the issue at our end or not able to understand the exact requirements or due to the variation in chart-options being used by you and us. Because of these reasons we expect you so share sample project along with sample data(dummy data) which helps us run it locally at our end to understand the use case and help you resolve.

—-
Manoj Mohan
Team CanvasJS