forked from github/dataease
refactor(图表): 雷达图样式大小修改为坐标轴
This commit is contained in:
parent
37fa8eda6d
commit
0c2a55bba3
@ -28,6 +28,11 @@ declare type EditorPropertyInner = {
|
||||
[key in EditorProperty]?: string[]
|
||||
}
|
||||
|
||||
declare type EditorSelectorSpec = {
|
||||
[key in EditorProperty]?: {
|
||||
title: string
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 轴类型
|
||||
*/
|
||||
|
@ -68,10 +68,18 @@ const props = defineProps({
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
selectorSpec: {
|
||||
type: Object as PropType<EditorSelectorSpec>,
|
||||
required: false,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
const { chart, themes, properties, propertyInnerAll, commonBackgroundPop } = toRefs(props)
|
||||
const { chart, themes, properties, propertyInnerAll, commonBackgroundPop, selectorSpec } =
|
||||
toRefs(props)
|
||||
const emit = defineEmits([
|
||||
'onColorChange',
|
||||
'onMiscChange',
|
||||
@ -316,7 +324,7 @@ watch(
|
||||
:effect="themes"
|
||||
v-if="showProperties('misc-style-selector')"
|
||||
name="size"
|
||||
title="大小"
|
||||
:title="selectorSpec['misc-style-selector']?.title"
|
||||
>
|
||||
<misc-style-selector
|
||||
:property-inner="propertyInnerAll['misc-style-selector']"
|
||||
|
@ -2074,6 +2074,7 @@ const drop = (ev: MouseEvent, type = 'xAxis') => {
|
||||
v-if="chartStyleShow"
|
||||
:properties="chartViewInstance.properties"
|
||||
:property-inner-all="chartViewInstance.propertyInner"
|
||||
:selector-spec="chartViewInstance.selectorSpec"
|
||||
:common-background-pop="curComponent?.commonBackground"
|
||||
:chart="view"
|
||||
:themes="themes"
|
||||
|
@ -41,6 +41,11 @@ export class Radar extends G2PlotChartView<RadarOptions, G2Radar> {
|
||||
],
|
||||
'legend-selector': ['icon', 'orient', 'color', 'fontSize', 'hPosition', 'vPosition']
|
||||
}
|
||||
selectorSpec: EditorSelectorSpec = {
|
||||
'misc-style-selector': {
|
||||
title: `${t('chart.tooltip_axis')}`
|
||||
}
|
||||
}
|
||||
axis: AxisType[] = ['xAxis', 'yAxis', 'drill', 'filter', 'extLabel', 'extTooltip']
|
||||
axisConfig: AxisConfig = {
|
||||
xAxis: {
|
||||
|
@ -26,6 +26,7 @@ export abstract class AbstractChartView {
|
||||
abstract propertyInner: EditorPropertyInner
|
||||
abstract axis: AxisType[]
|
||||
abstract axisConfig: AxisConfig
|
||||
abstract selectorSpec: EditorSelectorSpec
|
||||
/**
|
||||
* 在新建和切换图表的时候处理默认值
|
||||
* @param chart 数据库图表对象
|
||||
@ -91,6 +92,11 @@ export abstract class AntVAbstractChartView extends AbstractChartView {
|
||||
limit: 1
|
||||
}
|
||||
}
|
||||
selectorDesc: EditorSelectorSpec = {
|
||||
'misc-style-selector': {
|
||||
title: `${t('chart.size')}`
|
||||
}
|
||||
}
|
||||
protected constructor(library: ChartLibraryType, name: string, defaultData?: any[]) {
|
||||
super(ChartRenderType.ANT_V, library, name, defaultData)
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user