Chart: fix labels background in candlestick series (#26096)

Co-authored-by: Alexander Bulychev <[email protected]>
DevExpress · Nov 29, 2023 · 28d8495 · 28d8495
1 parent 71a5511
commit 28d8495
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/packages/devextreme/js/viz/series/financial_series.js b/packages/devextreme/js/viz/series/financial_series.js
@@ -181,7 +181,7 @@ export const stock = _extend({}, scatterSeries, {
         styles.positive = positiveStyle;
         styles.reduction = reductionStyle;
         styles.reductionPositive = reductionPositiveStyle;
-        styles.labelColor = innerColor;
+        styles.labelColor = that._options.mainSeriesColor;
 
         return styles;
     },

diff --git a/packages/devextreme/testing/tests/DevExpress.viz.core.series/financialSeries.tests.js b/packages/devextreme/testing/tests/DevExpress.viz.core.series/financialSeries.tests.js
@@ -616,7 +616,7 @@ const checkGroups = function(assert, series) {
         series.createPoints();
 
         assert.deepEqual(this.createPoint.getCall(0).args[2].styles, {
-            labelColor: 'innerColor',
+            labelColor: 'mainSeriesColor',
             hover: {
                 fill: 'mainSeriesColor',
                 stroke: 'mainSeriesColor',
@@ -753,7 +753,7 @@ const checkGroups = function(assert, series) {
         series.createPoints();
 
         assert.deepEqual(series._getPointOptions().styles, {
-            labelColor: 'innerColor',
+            labelColor: 'mainSeriesColor',
             hover: {
                 fill: 'mainSeriesColor',
                 stroke: 'mainSeriesColor',
@@ -847,7 +847,7 @@ const checkGroups = function(assert, series) {
 
         const styles = series._getPointOptions().styles;
 
-        assert.strictEqual(styles.labelColor, 'innerColor', 'label color');
+        assert.strictEqual(styles.labelColor, 'mainSeriesColor', 'label color');
 
         assert.deepEqual(styles.hover, {
             fill: 'color_1',
@@ -938,7 +938,7 @@ const checkGroups = function(assert, series) {
         series.createPoints();
 
         assert.deepEqual(series._getPointOptions().styles, {
-            labelColor: 'innerColor',
+            labelColor: 'mainSeriesColor',
             hover: {
                 fill: 'seriesColor',
                 stroke: 'seriesColor',
@@ -1034,7 +1034,7 @@ const checkGroups = function(assert, series) {
         series.createPoints();
 
         assert.deepEqual(series._getPointOptions().styles, {
-            labelColor: 'innerColor',
+            labelColor: 'mainSeriesColor',
             hover: {
                 fill: 'seriesColor',
                 stroke: 'seriesColor',
@@ -1129,7 +1129,7 @@ const checkGroups = function(assert, series) {
         series.createPoints();
 
         assert.deepEqual(series._getPointOptions().styles, {
-            labelColor: 'innerColor',
+            labelColor: 'mainSeriesColor',
             hover: {
                 fill: 'h-color',
                 stroke: 'h-color',
@@ -1243,7 +1243,7 @@ const checkGroups = function(assert, series) {
         assert.deepEqual(series.getAllPoints()[0].updateOptions.lastCall.args[0].styles, {
             usePointCustomOptions: true,
             useLabelCustomOptions: undefined,
-            labelColor: 'innerColor',
+            labelColor: 'mainSeriesColor',
             hover: {
                 fill: 'c-h-color',
                 stroke: 'c-h-color',
@@ -1919,7 +1919,7 @@ const checkGroups = function(assert, series) {
         series.createPoints();
 
         assert.deepEqual(this.createPoint.getCall(0).args[2].styles, {
-            labelColor: 'innerColor',
+            labelColor: 'mainSeriesColor',
             hover: {
                 fill: 'mainSeriesColor',
                 stroke: 'mainSeriesColor',
@@ -2258,7 +2258,7 @@ const checkGroups = function(assert, series) {
         assert.deepEqual(series.getAllPoints()[0].updateOptions.lastCall.args[0].styles, {
             usePointCustomOptions: true,
             useLabelCustomOptions: undefined,
-            labelColor: 'innerColor',
+            labelColor: 'mainSeriesColor',
             hover: {
                 fill: 'c-h-color',
                 stroke: 'c-h-color',