Category / Section
How to set JavaScript Chart axes on the opposed side?
2 mins read
Essential Chart supports positioning chart axis in its usual position or opposed position. To display chart axis in opposed position, you can enable the OpposedPosition property of the specified axis. All horizontal and vertical axes including the primary X axis and primary Y axis can be placed on the opposite side of their usual position. This is illustrated in the following code example.
JS
$("#container").ejChart({ primaryXAxis: { //Display primary X Axis in opposed position opposedPosition: true, }, primaryYAxis: { //Display primary Y Axis in opposed position opposedPosition: true, }, . . . . . . . . . . . . });
The following screenshot displays the Chart with primary X axis and primary Y axis in the opposed position.
Figure 1: Chart with axes in opposite position
Sample Link: Axis Position