Mirror chart

[ttquang1063750]

I want to create a chart like the one below to represent two types of data that are opposite

60 - |
     |
30 - |      _
     |     | |
 0 - |------------------------------------
     |         |_|
30 - |         
     |
60 - |

is it possible or not?

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

[Vishwas R]

@ttquang1063750,

You can use Stacked Column Chart to achieve this. Please take a look at this JSFiddle.

—
Vishwas R
Team CanvasJS

[ttquang1063750]

Hi @Vishwas R,
It seems your chart render the data two sides the upside render for the positive value and the downside render for the negative value. With me, I want the chart render are both upside and downside for the positive value like this jJSFiddle , but it like a cheating and when I have hidden the income bar then the chart looks ugly. Do we have any feature for implement this one?

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

[Vishwas R]

@ttquang1063750,

It seems your chart render the data two sides the upside render for the positive value and the downside render for the negative value.

Theoretically, negative values should be rendered below 0 and positive above 0. To make it look like even the negative values are positive, the work-around you are using seems to be a better option.

when I have hidden the income bar then the chart looks ugly.

To retain the range of the axis even after hiding the dataSeries, you can set axis minimum and maximum as shown in this updated JSFiddle.

—
Vishwas R
Team CanvasJS

[ttquang1063750]

Thank @vishwas
Your solution is the best for me.