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'
  • }
  • });
  • });

DevExtreme HTML5 JavaScript Charts ArgumentAxis ValueAxis

See Also