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: 柱状图折线图添加网格配置

Browse Source
This commit is contained in:
蒋承
2022-10-14 16:46:41 +08:00
parent d835a904c9
commit 2a6e5915f5
8 changed files with 92 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Pages/ChartItemSetting/GlobalSetting.vue
+24
View File
@@ -210,6 +210,26 @@
</setting-item-box>
</collapse-item>
<collapse-item v-if="grid" name="网格">
<template #header>
<n-switch v-model:value="grid.show" size="small"></n-switch>
</template>
<setting-item-box name="容器距离">
<setting-item name="左侧距离">
<n-input v-model:value="grid.left" size="small"></n-input>
</setting-item>
<setting-item name="右侧距离">
<n-input v-model:value="grid.left" size="small"></n-input>
</setting-item>
<setting-item name="上侧距离">
<n-input v-model:value="grid.left" size="small"></n-input>
</setting-item>
<setting-item name="下侧距离">
<n-input v-model:value="grid.left" size="small"></n-input>
</setting-item>
</setting-item-box>
</collapse-item>
<collapse-item v-if="visualMap" name="视觉映射">
<template #header>
<n-switch v-model:value="visualMap.show" size="small"></n-switch>
@@ -289,6 +309,10 @@ const legend = computed(() => {
return props.optionData.legend
})
const grid = computed(() => {
return props.optionData.grid
})
const visualMap = computed(() => {
return props.optionData.visualMap
})