mirror of
https://github.com/dataease/dataease.git
synced 2026-05-15 05:22:13 +08:00
fix(图表): 修复组合图纵轴线无法修改颜色、样式、大小的问题 (#15269)
This commit is contained in:
committed by
GitHub
parent
26fd50432d
commit
3b029733ce
@@ -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="{
|
||||
|
||||
Reference in New Issue
Block a user