fix using global format in chart axis

Author: GoodDayForSurf

packages/devextreme/js/__internal/viz/axes/smart_formatter.ts

@@ -21,6 +21,7 @@ import {
   isDefined, isExponential, isFunction, isObject,
 } from '@js/core/utils/type';
 import formatHelper from '@js/format_helper';
+import { getGlobalFormatByDataType } from '@ts/core/m_global_format_config';
 import { getAdjustedLog10 as log10 } from '@ts/viz/core/utils';
 
 const _format = formatHelper.format;
@@ -294,6 +295,7 @@ export function smartFormatter(tick, options) {
   let { format } = options.labelOptions;
   const { ticks } = options;
   const isLogarithmic = options.type === 'logarithmic';
+  const globalFormatDataType = options.dataType === 'datetime' ? 'datetime' : 'number';
 
   if (ticks.length === 1 && ticks.indexOf(tick) === 0 && !isDefined(tickInterval)) {
     tickInterval = abs(tick) >= 1 ? 1 : adjust(1 - abs(tick), tick);
@@ -303,6 +305,10 @@ export function smartFormatter(tick, options) {
     tick = 0;
   }
 
+  if (!isDefined(format)) {
+    format = getGlobalFormatByDataType(globalFormatDataType);
+  }
+
   if (!isDefined(format) && options.type !== 'discrete' && tick && (options.logarithmBase === 10 || !isLogarithmic)) {
     if (options.dataType !== 'datetime' && isDefined(tickInterval)) {
       if (ticks.length && ticks.indexOf(tick) === -1) {

packages/devextreme/testing/tests/DevExpress.viz.core/axisFormatting.tests.js

@@ -1,4 +1,5 @@
 import $ from 'jquery';
+import config from 'core/config';
 import translator2DModule from 'viz/translators/translator2d';
 import { Range } from 'viz/translators/range';
 import tickGeneratorModule from 'viz/axes/tick_generator';
@@ -140,6 +141,56 @@ const environment = {
     }
 };
 
+const globalConfigEnvironment = $.extend({}, environment, {
+    beforeEach: function() {
+        environment.beforeEach.call(this);
+        this.savedConfig = { ...config() };
+    },
+    afterEach: function() {
+        config(this.savedConfig);
+        environment.afterEach.call(this);
+    }
+});
+
+QUnit.module('Global formatting config. Axis labels', globalConfigEnvironment);
+
+QUnit.test('value axis labels use global numberFormat when label.format is not set', function(assert) {
+    config({
+        ...config(),
+        numberFormat: { type: 'fixedPoint', precision: 2 }
+    });
+
+    this.testTickLabelFormat(assert, [1500], 100, ['1500.00']);
+});
+
+QUnit.test('local axis label.format keeps priority over global numberFormat', function(assert) {
+    config({
+        ...config(),
+        numberFormat: { type: 'fixedPoint', precision: 2 }
+    });
+
+    this.testFormat(assert, {
+        label: {
+            visible: true,
+            format: 'thousands'
+        }
+    }, [1500], 100, ['1.5K']);
+});
+
+QUnit.test('datetime axis labels use global dateTimeFormat when label.format is not set', function(assert) {
+    config({
+        ...config(),
+        dateTimeFormat: 'yyyy-MM-dd'
+    });
+
+    this.testFormat(assert, {
+        argumentType: 'datetime',
+        label: {
+            visible: true
+        }
+    }, [new Date(2020, 0, 2)], 'day', ['2020-01-02']);
+});
+
 QUnit.module('Auto formatting. Tick labels. Numeric.', environment);
 
 QUnit.test('formatter should support short notations of numbers', function(assert) {