mirror of
https://gitee.com/dromara/go-view.git
synced 2026-01-30 00:05:29 +08:00
34 lines
1.0 KiB
Vue
34 lines
1.0 KiB
Vue
<template>
|
|
<!-- vCharts 全局设置 -->
|
|
<VChartGlobalSetting :optionData="optionData"></VChartGlobalSetting>
|
|
<Axis :axis="optionData.xAxis"></Axis>
|
|
<Axis :axis="optionData.yAxis"></Axis>
|
|
<!-- 标签 -->
|
|
<Label :optionData="optionData"></Label>
|
|
<!-- 柱体 -->
|
|
<Bar :optionData="optionData"></Bar>
|
|
<!-- 开启百分比 -->
|
|
<CollapseItem name="百分比堆叠">
|
|
<SettingItemBox name="配置" alone>
|
|
<n-space>
|
|
<span>开启百分比堆叠</span>
|
|
<n-switch v-model:value="optionData.percent" size="small"></n-switch>
|
|
</n-space>
|
|
</SettingItemBox>
|
|
</CollapseItem>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { PropType } from 'vue'
|
|
import { VChartGlobalSetting, Axis, Label, Bar } from '@/components/Pages/VChartItemSetting'
|
|
import { vChartGlobalThemeJsonType } from '@/settings/vchartThemes/index'
|
|
import { CollapseItem, SettingItemBox } from '@/components/Pages/ChartItemSetting'
|
|
|
|
defineProps({
|
|
optionData: {
|
|
type: Object as PropType<vChartGlobalThemeJsonType>,
|
|
required: true
|
|
}
|
|
})
|
|
</script>
|