github/go-view
4
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2026-04-23 00:00:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 新增 X轴 / Y轴 字体大小、单位编辑

Browse Source
This commit is contained in:
奔跑的面条
2022-06-27 21:35:27 +08:00
parent 8c74b8e8df
commit 2259545094
3 changed files with 74 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Pages/ChartItemSetting/GlobalSetting.vue
+60 -2
View File
@@ -47,13 +47,30 @@
size="small"
></n-switch>
</template>
<setting-item-box name="名称">
<setting-item-box name="单位">
<setting-item name="名称">
<n-input v-model:value="xAxis.name" size="small"></n-input>
</setting-item>
<setting-item name="颜色">
<n-color-picker
size="small"
v-model:value="xAxis.nameTextStyle.color"
></n-color-picker>
</setting-item>
<setting-item name="大小">
<n-input-number
v-model:value="xAxis.nameTextStyle.fontSize"
:min="12"
size="small"
></n-input-number>
</setting-item>
<setting-item name="偏移量">
<n-input-number
v-model:value="xAxis.nameGap"
:min="5"
size="small"
></n-input-number>
</setting-item>
</setting-item-box>
<setting-item-box name="标签">
<setting-item v-show="inChart" name="展示">
@@ -70,6 +87,13 @@
v-model:value="xAxis.axisLabel.color"
></n-color-picker>
</setting-item>
<setting-item name="大小">
<n-input-number
v-model:value="xAxis.axisLabel.fontSize"
:min="8"
size="small"
></n-input-number>
</setting-item>
</setting-item-box>
<setting-item-box name="轴线">
<setting-item name="颜色">
@@ -93,6 +117,11 @@
></n-switch>
</n-space>
</setting-item>
<setting-item v-show="inChart" name="反向">
<n-space>
<n-switch v-model:value="xAxis.inverse" size="small"></n-switch>
</n-space>
</setting-item>
</setting-item-box>
<setting-item-box name="刻度">
<setting-item v-show="inChart" name="展示">
@@ -155,13 +184,30 @@
size="small"
></n-switch>
</template>
<setting-item-box name="名称">
<setting-item-box name="单位">
<setting-item name="名称">
<n-input v-model:value="yAxis.name" size="small"></n-input>
</setting-item>
<setting-item name="颜色">
<n-color-picker
size="small"
v-model:value="yAxis.nameTextStyle.color"
></n-color-picker>
</setting-item>
<setting-item name="大小">
<n-input-number
v-model:value="yAxis.nameTextStyle.fontSize"
:min="8"
size="small"
></n-input-number>
</setting-item>
<setting-item name="偏移量">
<n-input-number
v-model:value="yAxis.nameGap"
:min="5"
size="small"
></n-input-number>
</setting-item>
</setting-item-box>
<setting-item-box name="标签">
<setting-item v-show="inChart" name="展示">
@@ -178,6 +224,13 @@
v-model:value="yAxis.axisLabel.color"
></n-color-picker>
</setting-item>
<setting-item name="大小">
<n-input-number
v-model:value="yAxis.axisLabel.fontSize"
:min="8"
size="small"
></n-input-number>
</setting-item>
</setting-item-box>
<setting-item-box name="轴线">
<setting-item v-show="inChart" name="展示">
@@ -206,6 +259,11 @@
></n-switch>
</n-space>
</setting-item>
<setting-item v-show="inChart" name="反向">
<n-space>
<n-switch v-model:value="yAxis.inverse" size="small"></n-switch>
</n-space>
</setting-item>
</setting-item-box>
<setting-item-box name="刻度">
<setting-item v-show="inChart" name="展示">