diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue index 4315d6e336..fef2e7fc6d 100644 --- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue +++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue @@ -380,20 +380,9 @@ const fontSizeList = computed(() => { return arr }) -const colorForm = computed(() => ({ - ...(canvasStyleData.value.component.chartColor as DeepPartial), - label: { - color: '#000000', - fontSize: 12, - ...(canvasStyleData.value.component.chartColor?.label || {}) - }, - tooltip: { - color: '#000000', - fontSize: 12, - backgroundColor: '#FFFFFF', - ...(canvasStyleData.value.component.chartColor?.tooltip || {}) - } -})) +const colorForm = computed( + () => canvasStyleData.value.component.chartColor as DeepPartial +) const seniorForm = computed(() => canvasStyleData.value.component.seniorStyleSetting) diff --git a/core/core-frontend/src/utils/canvasUtils.ts b/core/core-frontend/src/utils/canvasUtils.ts index 21d6713415..8ede7eeb60 100644 --- a/core/core-frontend/src/utils/canvasUtils.ts +++ b/core/core-frontend/src/utils/canvasUtils.ts @@ -346,6 +346,21 @@ export function historyAdaptor( canvasStyleResult['component']['formatterItem'] = canvasStyleResult['component']['formatterItem'] || deepCopy(formatterItem) + canvasStyleResult.component.chartColor = { + ...canvasStyleResult.component.chartColor, + label: { + color: '#000000', + fontSize: 12, + ...(canvasStyleResult.component.chartColor?.label || {}) + }, + tooltip: { + color: '#000000', + fontSize: 12, + backgroundColor: '#FFFFFF', + ...(canvasStyleResult.component.chartColor?.tooltip || {}) + } + } + canvasDataResult.forEach(componentItem => { historyItemAdaptor(componentItem, reportFilterInfo, attachInfo, canvasVersion, canvasInfo) })