This is an automated email from the ASF dual-hosted git repository. ovilia pushed a commit to branch fix-matrix-dark in repository https://gitbox.apache.org/repos/asf/echarts.git
commit 769b97e638f9642f49f56007806dc0d5ebad5928 Author: Ovilia <[email protected]> AuthorDate: Wed Jul 9 17:44:46 2025 +0800 fix(matrix): fix darkMode color --- src/theme/dark.ts | 13 +++++++++---- test/matrix.html | 55 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 64 insertions(+), 4 deletions(-) diff --git a/src/theme/dark.ts b/src/theme/dark.ts index eb7b05970..4b03ebea8 100644 --- a/src/theme/dark.ts +++ b/src/theme/dark.ts @@ -58,7 +58,10 @@ const matrixAxis = { color: color.secondary }, itemStyle: { - borderColor: color.neutral20 + borderColor: color.borderTint + }, + dividerLineStyle: { + color: color.border } }; @@ -188,10 +191,12 @@ const theme = { x: matrixAxis, y: matrixAxis, backgroundColor: { - borderColor: '#817f91' + borderColor: color.axisLine }, - innerBackgroundStyle: { - borderColor: '#484753' + body: { + itemStyle: { + borderColor: color.borderTint + } } }, timeAxis: axisCommon(), diff --git a/test/matrix.html b/test/matrix.html index ba553194f..6915087ad 100644 --- a/test/matrix.html +++ b/test/matrix.html @@ -40,6 +40,7 @@ under the License. <div id="main0"></div> <div id="main0-1"></div> <div id="main0-2"></div> + <div id="main-dark"></div> <div id="main1"></div> <div id="main2"></div> <div id="main4"></div> @@ -222,6 +223,60 @@ under the License. </script> + <script> + require([ + 'echarts', + // 'map/js/china', + // './data/nutrients.json' + ], function (echarts) { + var option; + + option = { + dataset: { + source: [] + }, + matrix: { + x: { + data: [{ + value: 'A', + children: ['A1', 'A2', { + value: 'A3', + children: ['A31', 'A32'] + }] + }] + }, + y: { + data: ['U', 'V'] + } + }, + visualMap: { + type: 'continuous', + min: 0, + max: 80, + top: 'middle', + dimension: 2, + calculable: true + }, + series: { + type: 'heatmap', + coordinateSystem: 'matrix', + label: { + show: true + } + } + }; + + var chart = testHelper.create(echarts, 'main-dark', { + title: [ + 'Matrix with darkMode' + ], + option: option, + theme: 'dark' + }); + }); + </script> + + --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
