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

refactor(视图): 轴值间隔与刻度数增加说明

Browse Source
This commit is contained in:
junjun 2022-07-05 16:55:02 +08:00
parent 23472a80d0
commit 94fecaafa1
5 changed files with 55 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/views/chart/components/component-style/XAxisSelector.vue
View File

@ -49,6 +49,17 @@
<el-input v-model="axisForm.axisValue.max" @blur="changeXAxisStyle('axisValue')" /> <el-input v-model="axisForm.axisValue.max" @blur="changeXAxisStyle('axisValue')" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('chart.axis_value_split')" class="form-item"> <el-form-item :label="$t('chart.axis_value_split')" class="form-item">
<span slot="label">
<span class="span-box">
<span>{{ $t('chart.axis_value_split_count') }}</span>
<el-tooltip class="item" effect="dark" placement="bottom">
<div slot="content">
间隔表示两个刻度之间的单位长度。
</div>
<i class="el-icon-info" style="cursor: pointer;" />
</el-tooltip>
</span>
</span>
<el-input v-model="axisForm.axisValue.split" @blur="changeXAxisStyle('axisValue')" /> <el-input v-model="axisForm.axisValue.split" @blur="changeXAxisStyle('axisValue')" />
</el-form-item> </el-form-item>
</span> </span>

11
frontend/src/views/chart/components/component-style/XAxisSelectorAntV.vue
View File

@ -49,6 +49,17 @@
<el-input v-model="axisForm.axisValue.max" @blur="changeXAxisStyle('axisValue')" /> <el-input v-model="axisForm.axisValue.max" @blur="changeXAxisStyle('axisValue')" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('chart.axis_value_split_count')" class="form-item"> <el-form-item :label="$t('chart.axis_value_split_count')" class="form-item">
<span slot="label">
<span class="span-box">
<span>{{ $t('chart.axis_value_split_count') }}</span>
<el-tooltip class="item" effect="dark" placement="bottom">
<div slot="content">
期望的坐标轴刻度数量，非最终结果。
</div>
<i class="el-icon-info" style="cursor: pointer;" />
</el-tooltip>
</span>
</span>
<el-input v-model="axisForm.axisValue.splitCount" @blur="changeXAxisStyle('axisValue')" /> <el-input v-model="axisForm.axisValue.splitCount" @blur="changeXAxisStyle('axisValue')" />
</el-form-item> </el-form-item>
</span> </span>

11
frontend/src/views/chart/components/component-style/YAxisExtSelector.vue
View File

@ -49,6 +49,17 @@
<el-input v-model="axisForm.axisValue.max" @blur="changeYAxisStyle('axisValue')" /> <el-input v-model="axisForm.axisValue.max" @blur="changeYAxisStyle('axisValue')" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('chart.axis_value_split')" class="form-item"> <el-form-item :label="$t('chart.axis_value_split')" class="form-item">
<span slot="label">
<span class="span-box">
<span>{{ $t('chart.axis_value_split_count') }}</span>
<el-tooltip class="item" effect="dark" placement="bottom">
<div slot="content">
间隔表示两个刻度之间的单位长度。
</div>
<i class="el-icon-info" style="cursor: pointer;" />
</el-tooltip>
</span>
</span>
<el-input v-model="axisForm.axisValue.split" @blur="changeYAxisStyle('axisValue')" /> <el-input v-model="axisForm.axisValue.split" @blur="changeYAxisStyle('axisValue')" />
</el-form-item> </el-form-item>
</span> </span>

11
frontend/src/views/chart/components/component-style/YAxisExtSelectorAntV.vue
View File

@ -49,6 +49,17 @@
<el-input v-model="axisForm.axisValue.max" @blur="changeYAxisStyle('axisValue')" /> <el-input v-model="axisForm.axisValue.max" @blur="changeYAxisStyle('axisValue')" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('chart.axis_value_split_count')" class="form-item"> <el-form-item :label="$t('chart.axis_value_split_count')" class="form-item">
<span slot="label">
<span class="span-box">
<span>{{ $t('chart.axis_value_split_count') }}</span>
<el-tooltip class="item" effect="dark" placement="bottom">
<div slot="content">
期望的坐标轴刻度数量，非最终结果。
</div>
<i class="el-icon-info" style="cursor: pointer;" />
</el-tooltip>
</span>
</span>
<el-input v-model="axisForm.axisValue.splitCount" @blur="changeYAxisStyle('axisValue')" /> <el-input v-model="axisForm.axisValue.splitCount" @blur="changeYAxisStyle('axisValue')" />
</el-form-item> </el-form-item>
</span> </span>

11
frontend/src/views/chart/components/component-style/YAxisSelector.vue
View File

@ -49,6 +49,17 @@
<el-input v-model="axisForm.axisValue.max" @blur="changeYAxisStyle('axisValue')" /> <el-input v-model="axisForm.axisValue.max" @blur="changeYAxisStyle('axisValue')" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('chart.axis_value_split')" class="form-item"> <el-form-item :label="$t('chart.axis_value_split')" class="form-item">
<span slot="label">
<span class="span-box">
<span>{{ $t('chart.axis_value_split_count') }}</span>
<el-tooltip class="item" effect="dark" placement="bottom">
<div slot="content">
间隔表示两个刻度之间的单位长度。
</div>
<i class="el-icon-info" style="cursor: pointer;" />
</el-tooltip>
</span>
</span>
<el-input v-model="axisForm.axisValue.split" @blur="changeYAxisStyle('axisValue')" /> <el-input v-model="axisForm.axisValue.split" @blur="changeYAxisStyle('axisValue')" />
</el-form-item> </el-form-item>
</span> </span>