How to make y-axis centered rather staying in the left

[yueming]

Please check the sample image below

sample image

• This topic was modified 7 years, 5 months ago by yueming.

[Suyash Singh]

@yueming,

As of now it is not possible to position axisY at the center of the chart. However, you can workaround this by positioning axisY of another chart (without any dataPoint) in the background of current chart. Please check this jsfiddle.
___
Suyash Singh
Team CanvasJS

[yueming]

I tried the jsfiddle, it works. Thanks very much for your prompt response. But how can it support zooming in this case? The axisY chart is not zoomed with the main chart.

• This reply was modified 7 years, 5 months ago by yueming.

[Vishwas R]

@yueming,

You can use rangeChanged event of chart1 to programmatically zoom axis of chart2. Please check this updated jsfiddle.

You can also refer tutorial on Sync Zooming and Panning across Multiple Charts.

—
Vishwas R
Team CanvasJS

[yueming]

Thanks. I have one more question, is it possible to export chart1 and chart2 to one png file?

[yueming]

Unnecessary to export chart1 and chart2 to one png file. I did it by screen capturing.

[Suyash Singh]

@yueming,

Glad that you found a way to handle it.

___
Suyash Singh
Team CanvasJS