fix: 恢复图例垂直位置选项

This commit is contained in:
junjun 2022-06-08 14:59:15 +08:00
parent 28b53805c6
commit 0b92f2cb8e
2 changed files with 30 additions and 18 deletions

View File

@ -367,7 +367,8 @@ export const TYPE_CONFIGS = [
'icon',
'orient',
'textStyle',
'hPosition'
'hPosition',
'vPosition'
]
}
},
@ -442,7 +443,8 @@ export const TYPE_CONFIGS = [
'icon',
'orient',
'textStyle',
'hPosition'
'hPosition',
'vPosition'
]
}
},
@ -517,7 +519,8 @@ export const TYPE_CONFIGS = [
'icon',
'orient',
'textStyle',
'hPosition'
'hPosition',
'vPosition'
]
}
},
@ -591,7 +594,8 @@ export const TYPE_CONFIGS = [
'icon',
'orient',
'textStyle',
'hPosition'
'hPosition',
'vPosition'
]
}
},
@ -725,7 +729,8 @@ export const TYPE_CONFIGS = [
'icon',
'orient',
'textStyle',
'hPosition'
'hPosition',
'vPosition'
]
}
},
@ -799,7 +804,8 @@ export const TYPE_CONFIGS = [
'icon',
'orient',
'textStyle',
'hPosition'
'hPosition',
'vPosition'
]
}
},
@ -852,7 +858,8 @@ export const TYPE_CONFIGS = [
'icon',
'orient',
'textStyle',
'hPosition'
'hPosition',
'vPosition'
]
}
},
@ -905,7 +912,8 @@ export const TYPE_CONFIGS = [
'icon',
'orient',
'textStyle',
'hPosition'
'hPosition',
'vPosition'
]
}
},
@ -959,7 +967,8 @@ export const TYPE_CONFIGS = [
'icon',
'orient',
'textStyle',
'hPosition'
'hPosition',
'vPosition'
],
'split-selector-ant-v': [
'splitForm',
@ -1010,7 +1019,8 @@ export const TYPE_CONFIGS = [
'icon',
'orient',
'textStyle',
'hPosition'
'hPosition',
'vPosition'
]
}
},
@ -1115,7 +1125,8 @@ export const TYPE_CONFIGS = [
'icon',
'orient',
'textStyle',
'hPosition'
'hPosition',
'vPosition'
]
}
},
@ -1163,7 +1174,8 @@ export const TYPE_CONFIGS = [
'icon',
'orient',
'textStyle',
'hPosition'
'hPosition',
'vPosition'
]
}
},

View File

@ -2,11 +2,11 @@
<div style="width: 100%">
<el-col>
<el-form ref="titleForm" :model="titleForm" label-width="80px" size="mini">
<el-form-item v-show="showProperty('show')" :label="$t('chart.show')" class="form-item">
<el-form-item v-show="showProperty('show')" :label="$t('chart.show')" class="form-item">
<el-checkbox v-model="titleForm.show" @change="changeTitleStyle('show')">{{ $t('chart.show') }}</el-checkbox>
</el-form-item>
<div v-show="showProperty('show') && titleForm.show">
<el-form-item v-show="showProperty('title')" v-if="!batchOptStatus" :label="$t('chart.title')" class="form-item">
<el-form-item v-show="showProperty('title')" v-if="!batchOptStatus" :label="$t('chart.title')" class="form-item">
<el-input
v-model="titleForm.title"
size="mini"
@ -16,22 +16,22 @@
@input="inputOnInput($event)"
/>
</el-form-item>
<el-form-item v-show="showProperty('fontSize')" :label="$t('chart.text_fontsize')" class="form-item">
<el-form-item v-show="showProperty('fontSize')" :label="$t('chart.text_fontsize')" class="form-item">
<el-select v-model="titleForm.fontSize" :placeholder="$t('chart.text_fontsize')" size="mini" @change="changeTitleStyle('fontSize')">
<el-option v-for="option in fontSize" :key="option.value" :label="option.name" :value="option.value" />
</el-select>
</el-form-item>
<el-form-item v-show="showProperty('color')" :label="$t('chart.text_color')" class="form-item">
<el-form-item v-show="showProperty('color')" :label="$t('chart.text_color')" class="form-item">
<el-color-picker v-model="titleForm.color" class="color-picker-style" :predefine="predefineColors" @change="changeTitleStyle('color')" />
</el-form-item>
<el-form-item v-show="showProperty('hPosition')" :label="$t('chart.text_h_position')" class="form-item">
<el-form-item v-show="showProperty('hPosition')" :label="$t('chart.text_h_position')" class="form-item">
<el-radio-group v-model="titleForm.hPosition" size="mini" @change="changeTitleStyle('hPosition')">
<el-radio-button label="left">{{ $t('chart.text_pos_left') }}</el-radio-button>
<el-radio-button label="center">{{ $t('chart.text_pos_center') }}</el-radio-button>
<el-radio-button label="right">{{ $t('chart.text_pos_right') }}</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item v-show="showProperty('isItalic') || showProperty('isBolder') " :label="$t('chart.text_style')" class="form-item">
<el-form-item v-show="showProperty('isItalic') || showProperty('isBolder') " :label="$t('chart.text_style')" class="form-item">
<el-checkbox v-model="titleForm.isItalic" @change="changeTitleStyle('isItalic')">{{ $t('chart.italic') }}</el-checkbox>
<el-checkbox v-model="titleForm.isBolder" @change="changeTitleStyle('isBolder')">{{ $t('chart.bolder') }}</el-checkbox>
</el-form-item>