JavaScript/jQuery Chart - Limit and Relocate the Axes
The visual range of arguments/values on an axis should include all arguments/values of all series. If you want to reduce the visual range, specify the axis's visualRange property.
JavaScript
- $(function() {
- $("#chartContainer").dxChart({
- // ...
- argumentAxis: { // or valueAxis
- visualRange: [1950, 2000]
- }
- });
- });
Axes can be relocated to their opposite side using the position property. Note that available positions for each axis depend on whether the chart is rotated or not.
JavaScript
- $(function() {
- $("#chartContainer").dxChart({
- // ...
- argumentAxis: {
- position: 'top'
- },
- valueAxis: {
- position: 'right'
- }
- });
- });
See Also
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.