tzjy-code
/
DataRoom
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:环图添加间距大小配置

Browse Source
main
liu.shiyi 1 year ago
parent 99e334e073
commit 0552e6bad1
4 changed files with 110 additions and 23 deletions
Show Stats Download Patch File Download Diff File

37
data-room-ui/packages/G2Plots/进度图/仪表盘.js
Unescape Escape View File

@ -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
}

44
data-room-ui/packages/G2Plots/进度图/进度仪表盘.js
Unescape Escape View File

@ -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,

22
data-room-ui/packages/G2Plots/进度图/进度环图.js
Unescape Escape View File

@ -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
]

30
data-room-ui/packages/G2Plots/饼图/基础环图.js
Unescape Escape View File

@ -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,

Write Preview
Loading…
Cancel
Save