center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

fix(仪表板): 双轴图基础设置-设置颜色时色域偏移至页面左上角

Browse Source
This commit is contained in:
dataeaseShu 2024-09-02 14:30:33 +08:00
parent 8f7f04ed8d
commit 26eb8d820d
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue
View File

@ -151,7 +151,7 @@ const switchSeriesColor = (seriesColor, index) => {
seriesColorPickerRef.value?.hide()
seriesColorState.curSeriesColor = cloneDeep(seriesColor)
seriesColorState.curColorIndex = index
seriesColorState.seriesColorPickerId = '#series-color-picker-' + index
seriesColorState.seriesColorPickerId = '#series-color-picker-' + seriesColor.id
nextTick(() => {
seriesColorPickerRef.value?.show()
})
@ -462,6 +462,7 @@ const colorItemBorderColor = (index, state) => {
class="color-list-item"
>
<div
:id="`series-color-picker-${item.id}`"
:class="{
active: item.id === seriesColorState.curSeriesColor?.id
}"
@ -486,7 +487,7 @@ const colorItemBorderColor = (index, state) => {
</div>
</template>
<teleport :to="seriesColorState.seriesColorPickerId">
<div style="position: absolute; width: 0; height: 0; overflow: hidden">
<div style="position: absolute; top: 0; left: 10px; width: 0; height: 0; overflow: hidden">
<el-color-picker
ref="seriesColorPickerRef"
v-model="seriesColorState.curSeriesColor.color"
@ -581,7 +582,7 @@ const colorItemBorderColor = (index, state) => {
cursor: pointer;
padding: 2px;
border: solid 1px transparent;
position: relative;
.color-item__inner {
width: 14px;
height: 14px;
@ -653,6 +654,7 @@ const colorItemBorderColor = (index, state) => {
cursor: pointer;
padding: 2px;
border: solid 1px transparent;
position: relative;
.color-item__inner {
width: 14px;