fix(图表): 修复组合图纵轴线无法修改颜色、样式、大小的问题 (#15269)

This commit is contained in:
jianneng-fit2cloud
2025-03-11 12:33:36 +08:00
committed by GitHub
parent 26fd50432d
commit 3b029733ce

View File

@@ -302,6 +302,49 @@ onMounted(() => {
{{ t('chart.axis_show') }}
</el-checkbox>
</el-form-item>
<div style="padding-left: 22px" v-if="showProperty('axisLine')">
<div style="flex: 1; display: flex">
<el-form-item class="form-item" :class="'form-item-' + themes" style="padding-right: 4px">
<el-color-picker
:disabled="!state.axisForm.axisLine.show"
v-model="state.axisForm.axisLine.lineStyle.color"
:predefine="predefineColors"
:effect="themes"
@change="changeAxisStyle('axisLine.lineStyle.color')"
is-custom
/>
</el-form-item>
<el-form-item class="form-item" :class="'form-item-' + themes" style="padding: 0 4px">
<el-select
:disabled="!state.axisForm.axisLine.show"
style="width: 62px"
:effect="props.themes"
v-model="state.axisForm.axisLine.lineStyle.style"
@change="changeAxisStyle('axisLine.lineStyle.style')"
>
<el-option
v-for="option in splitLineStyle"
:key="option.value"
:value="option.value"
:label="option.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item class="form-item" :class="'form-item-' + themes" style="padding-left: 4px">
<el-input-number
:disabled="!state.axisForm.axisLine.show"
style="width: 70px"
:effect="props.themes"
v-model="state.axisForm.axisLine.lineStyle.width"
:min="1"
:max="10"
size="small"
controls-position="right"
@change="changeAxisStyle('axisLine.lineStyle.width')"
/>
</el-form-item>
</div>
</div>
<el-form-item
class="form-item form-item-checkbox"
:class="{