diff --git a/data-room-ui/packages/G2Plots/进度图/仪表盘.js b/data-room-ui/packages/G2Plots/进度图/仪表盘.js index 7a90c8a0..9685e331 100644 --- a/data-room-ui/packages/G2Plots/进度图/仪表盘.js +++ b/data-room-ui/packages/G2Plots/进度图/仪表盘.js @@ -1,6 +1,6 @@ import fontList from 'data-room-ui/js/utils/fontList' // 配置版本号 -const version = '2023101401' +const version = '2023101402' // 分类 const category = 'Gauge' // 标题 @@ -138,6 +138,32 @@ const setting = [ tabName: 'custom', groupName: 'graph' }, + { + label: '标签间距大小', + // 设置组件类型 + type: 'inputNumber', + // 字段 + field: 'statistic_content_offsetY', + // 对应options中的字段 + optionField: 'statistic.content.offsetY', + value: -30, + min:-100, + tabName: 'custom', + groupName: 'graph' + }, + { + label: '指标间距大小', + // 设置组件类型 + type: 'inputNumber', + // 字段 + field: 'statistic_title_offsetY', + // 对应options中的字段 + optionField: 'statistic.title.offsetY', + value: 0, + min:-100, + tabName: 'custom', + groupName: 'graph' + } // 图例 legend // 边距 padding ] @@ -146,6 +172,9 @@ const data = [ percent: 0.75 } ] +// 配置处理脚本 +const optionHandler ='' + // 数据处理脚本 const dataHandler = '// 取返回数据列表的第一项指标值\noption.percent = data[0][setting.filter(settingItem=>settingItem.field === \'percent\')[0].value]' @@ -185,7 +214,7 @@ const option = { // }, statistic: { title: { - offsetY: -20, + offsetY: 0, style: { fontSize: 20, lineHeight: 2, @@ -195,6 +224,7 @@ const option = { formatter: ({ percent }) => `${(percent * 100).toFixed(0)}%` }, content: { + offsetY: -30, content: '占比', style: { fontSize: 20, @@ -212,5 +242,6 @@ export default { name, option, setting, - dataHandler + dataHandler, + optionHandler } diff --git a/data-room-ui/packages/G2Plots/进度图/进度仪表盘.js b/data-room-ui/packages/G2Plots/进度图/进度仪表盘.js index 88130fd8..22f8d09c 100644 --- a/data-room-ui/packages/G2Plots/进度图/进度仪表盘.js +++ b/data-room-ui/packages/G2Plots/进度图/进度仪表盘.js @@ -1,6 +1,6 @@ import fontList from 'data-room-ui/js/utils/fontList' // 配置版本号 -const version = '2023101401' +const version = '2023101402' // 分类 const category = 'Gauge' // 标题 @@ -78,19 +78,6 @@ const setting = [ options: fontList, groupName: 'graph' }, - { - label: '指标位置', - // 设置组件类型 - type: 'inputNumber', - // 字段 - field: 'statistic_title_offsetY', - // 对应options中的字段 - optionField: 'statistic.title.offsetY', - value: -36, - min: -100, - tabName: 'custom', - groupName: 'graph' - }, { label: '标签内容', // 设置组件类型 @@ -126,6 +113,32 @@ const setting = [ value: 20, tabName: 'custom', groupName: 'graph' + }, + { + label: '标签间距大小', + // 设置组件类型 + type: 'inputNumber', + // 字段 + field: 'statistic_content_offsetY', + // 对应options中的字段 + optionField: 'statistic.content.offsetY', + value: -30, + min:-100, + tabName: 'custom', + groupName: 'graph' + }, + { + label: '指标间距大小', + // 设置组件类型 + type: 'inputNumber', + // 字段 + field: 'statistic_title_offsetY', + // 对应options中的字段 + optionField: 'statistic.title.offsetY', + value: 0, + min:-100, + tabName: 'custom', + groupName: 'graph' } // 边距 padding ] @@ -151,7 +164,7 @@ const option = { indicator: null, statistic: { title: { - offsetY: -36, + offsetY: 0, style: { fontSize: 20, lineHeight: 2, @@ -161,6 +174,7 @@ const option = { formatter: ({ percent }) => `${(percent * 100).toFixed(0)}%` }, content: { + offsetY: -30, content: '占比', style: { fontSize: 20, diff --git a/data-room-ui/packages/G2Plots/进度图/进度环图.js b/data-room-ui/packages/G2Plots/进度图/进度环图.js index aef0cfd9..dbf38157 100644 --- a/data-room-ui/packages/G2Plots/进度图/进度环图.js +++ b/data-room-ui/packages/G2Plots/进度图/进度环图.js @@ -1,6 +1,6 @@ import fontList from 'data-room-ui/js/utils/fontList' // 配置版本号 -const version = '2023101401' +const version = '2023101402' // 分类 const category = 'RingProgress' // 标题 @@ -140,18 +140,32 @@ const setting = [ groupName: 'graph' }, { - label: '指标位置', + label: '标签间距大小', // 设置组件类型 type: 'inputNumber', // 字段 - field: 'statistic_content_style_offsetY', + field: 'statistic_title_offsetY', + // 对应options中的字段 + optionField: 'statistic.title.offsetY', + value: 0, + min:-100, + tabName: 'custom', + groupName: 'graph' + }, + { + label: '指标间距大小', + // 设置组件类型 + type: 'inputNumber', + // 字段 + field: 'statistic_content_offsetY', // 对应options中的字段 optionField: 'statistic.content.offsetY', value: 0, - min: -100, + min:-100, tabName: 'custom', groupName: 'graph' } + // 边距 padding ] diff --git a/data-room-ui/packages/G2Plots/饼图/基础环图.js b/data-room-ui/packages/G2Plots/饼图/基础环图.js index d68843fa..8db1cbab 100644 --- a/data-room-ui/packages/G2Plots/饼图/基础环图.js +++ b/data-room-ui/packages/G2Plots/饼图/基础环图.js @@ -1,6 +1,6 @@ import fontList from 'data-room-ui/js/utils/fontList' // 配置版本号 -const version = '2023101401' +const version = '2023101402' // 分类 const category = 'Pie' // 标题 @@ -215,6 +215,32 @@ const setting = [ options: fontList, groupName: 'graph' }, + { + label: '标签间距大小', + // 设置组件类型 + type: 'inputNumber', + // 字段 + field: 'statistic_title_offsetY', + // 对应options中的字段 + optionField: 'statistic.title.offsetY', + value: 0, + min:-100, + tabName: 'custom', + groupName: 'graph' + }, + { + label: '指标间距大小', + // 设置组件类型 + type: 'inputNumber', + // 字段 + field: 'statistic_content_offsetY', + // 对应options中的字段 + optionField: 'statistic.content.offsetY', + value: 0, + min:-100, + tabName: 'custom', + groupName: 'graph' + }, { label: '外环半径', // 设置组件类型 @@ -366,6 +392,7 @@ const option = { }, statistic: { title: { + offsetY:0,//垂直方向的偏移量 style: { whiteSpace: 'pre-wrap', lineHeight: 2, @@ -377,6 +404,7 @@ const option = { content: '总计' }, content: { + offsetY:0,//垂直方向的偏移量 style: { whiteSpace: 'pre-wrap', lineHeight: 2,