Articles in this section
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.

Chart axes on the opposed side

Figure 1: Chart with axes in opposite position

Sample Link: Axis Position

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied