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

refactor: 代码合并

Browse Source
main
wu.jian2 1 year ago
parent 498570227a 61be05080f
commit 8d07acf595
4 changed files with 148 additions and 30 deletions
Show Stats Download Patch File Download Diff File

57
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 = '2023101403'
// 分类
const category = 'Gauge'
// 标题
@ -56,13 +56,25 @@ const setting = [
// 设置组件类型
type: 'gradual',
// 字段
field: 'range_color',
field: 'color1',
// 对应options中的字段
optionField: 'range.color',
optionField: 'color1',
value: 'l(0) 0:#6b74e4 1:#4391f4',
tabName: 'custom',
groupName: 'graph'
},
{
label: '表盘背景颜色',
// 设置组件类型
type: 'colorPicker',
// 字段
field: 'color2',
// 对应options中的字段
optionField: 'color2',
value: '#d0d0d0',
tabName: 'custom',
groupName: 'graph'
},
{
label: '指标颜色',
// 设置组件类型
@ -138,6 +150,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 +184,9 @@ const data = [
percent: 0.75
}
]
// 配置处理脚本
const optionHandler ='option.range.color = [option.color1, option.color2]'
// 数据处理脚本
const dataHandler = '// 取返回数据列表的第一项指标值\noption.percent = data[0][setting.filter(settingItem=>settingItem.field === \'percent\')[0].value]'
@ -155,8 +196,10 @@ const option = {
dataKey: 'percent',
data,
percent: 0.75,
color1: 'l(0) 0:#6b74e4 1:#4391f4',
color2: '#d0d0d0',
range: {
color: 'l(0) 0:#6b74e4 1:#4391f4'
color: ['l(0) 0:#6b74e4 1:#4391f4','#d0d0d0']
},
indicator: {
pointer: {
@ -185,7 +228,7 @@ const option = {
// },
statistic: {
title: {
offsetY: -20,
offsetY: 0,
style: {
fontSize: 20,
lineHeight: 2,
@ -195,6 +238,7 @@ const option = {
formatter: ({ percent }) => `${(percent * 100).toFixed(0)}%`
},
content: {
offsetY: -30,
content: '占比',
style: {
fontSize: 20,
@ -212,5 +256,6 @@ export default {
name,
option,
setting,
dataHandler
dataHandler,
optionHandler
}

69
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 = '2023101403'
// 分类
const category = 'Gauge'
// 标题
@ -32,13 +32,25 @@ const setting = [
// 设置组件类型
type: 'gradual',
// 字段
field: 'range_color',
field: 'color1',
// 对应options中的字段
optionField: 'range.color',
optionField: 'color1',
value: 'l(0) 0:#6b74e4 1:#4391f4',
tabName: 'custom',
groupName: 'graph'
},
{
label: '表盘背景颜色',
// 设置组件类型
type: 'colorPicker',
// 字段
field: 'color2',
// 对应options中的字段
optionField: 'color2',
value: '#d0d0d0',
tabName: 'custom',
groupName: 'graph'
},
{
label: '指标颜色',
// 设置组件类型
@ -78,19 +90,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 +125,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
]
@ -134,6 +159,8 @@ const data = [
percent: 0.75
}
]
// 配置处理脚本
const optionHandler ='option.range.color = [option.color1, option.color2]'
// 数据处理脚本
const dataHandler = '// 取返回数据列表的第一项指标值\noption.percent = data[0][setting.filter(settingItem=>settingItem.field === \'percent\')[0].value]'
@ -143,15 +170,17 @@ const option = {
dataKey: 'percent',
data,
percent: 0.75,
color1: 'l(0) 0:#6b74e4 1:#4391f4',
color2: '#d0d0d0',
range: {
color: 'l(0) 0:#6b74e4 1:#4391f4'
color: ['l(0) 0:#6b74e4 1:#4391f4','#d0d0d0']
},
startAngle: Math.PI,
endAngle: 2 * Math.PI,
indicator: null,
statistic: {
title: {
offsetY: -36,
offsetY: 0,
style: {
fontSize: 20,
lineHeight: 2,
@ -161,6 +190,7 @@ const option = {
formatter: ({ percent }) => `${(percent * 100).toFixed(0)}%`
},
content: {
offsetY: -30,
content: '占比',
style: {
fontSize: 20,
@ -178,5 +208,6 @@ export default {
name,
option,
setting,
dataHandler
dataHandler,
optionHandler
}

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