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

Merge remote-tracking branch 'origin/master'

Browse Source
main
liu.shiyi 1 year ago
parent fb0f6f307d 3d9a2677a5
commit 9ff8346114
14 changed files with 506 additions and 148 deletions
Show Stats Download Patch File Download Diff File

42
data-room-ui/packages/G2Plots/折线图/基础折线图.js
Unescape Escape View File

@ -4,7 +4,7 @@
* @Author: xing.heng * @Author: xing.heng
*/ */
// 配置版本号 // 配置版本号
const version = '2023111401' const version = '2023111501'
// 分类 // 分类
const category = 'Line' const category = 'Line'
// 标题 // 标题
@ -317,10 +317,10 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -328,10 +328,19 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -488,7 +497,20 @@ const data = [
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler = 'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]' const optionHandler =
`
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -544,9 +566,13 @@ const option = {
} }
}, },
label: { label: {
// 可使用函数 (isVertical: boolean, labelGroup: IGroup, limitLength?: number) => boolean;
autoRotate: false, autoRotate: false,
autoHide: false, autoHide: false,
autoEllipsis: true, autoEllipsis: true,
// autoHide的类型详见@antv/component/src/axis/overlap/auto-hide.ts
autoHideEnable: true,
autoHideMinGap: 2,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

41
data-room-ui/packages/G2Plots/折线图/基础折线点图.js
Unescape Escape View File

@ -5,7 +5,7 @@
*/ */
// 配置版本号 // 配置版本号
const version = '2023111401' const version = '2023111501'
// 分类 // 分类
const category = 'Line' const category = 'Line'
// 标题 // 标题
@ -308,10 +308,10 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -319,10 +319,19 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -478,7 +487,21 @@ const data = [
{ date: '2023年', value: 400 } { date: '2023年', value: 400 }
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler = 'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]' const optionHandler =
`
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -534,6 +557,8 @@ const option = {
autoRotate: false, autoRotate: false,
autoHide: false, autoHide: false,
autoEllipsis: true, autoEllipsis: true,
autoHideEnable: true,
autoHideMinGap: 2,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

40
data-room-ui/packages/G2Plots/折线图/基础曲线图.js
Unescape Escape View File

@ -5,7 +5,7 @@
*/ */
// 配置版本号 // 配置版本号
const version = '2023111401' const version = '2023111501'
// 分类 // 分类
const category = 'Line' const category = 'Line'
// 标题 // 标题
@ -208,10 +208,10 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -219,10 +219,19 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -379,7 +388,20 @@ const data = [
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler = 'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]' const optionHandler =
`
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -412,6 +434,8 @@ const option = {
autoRotate: false, autoRotate: false,
autoHide: false, autoHide: false,
autoEllipsis: true, autoEllipsis: true,
autoHideEnable: true,
autoHideMinGap: 2,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

52
data-room-ui/packages/G2Plots/折线图/多折线动画图.js
Unescape Escape View File

@ -5,7 +5,7 @@
*/ */
// 配置版本号 // 配置版本号
const version = '2023111401' const version = '2023111501'
// 分类 // 分类
const category = 'Line' const category = 'Line'
// 标题 // 标题
@ -334,22 +334,31 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true,
inactive: false,
tabName: 'custom', tabName: 'custom',
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true,
inactive: false,
tabName: 'custom', tabName: 'custom',
groupName: 'xAxis' groupName: 'xAxis'
}, },
@ -511,11 +520,24 @@ const data = [
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler = 'option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === \'legendPosition\').value} : false;' + const optionHandler =
'\n if (option.legendEnable) {\n' + `
' option.legend.itemName = option.legendItemName\n' + option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === 'legendPosition').value} : false;
' };' + if (option.legendEnable) {
'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]' option.legend.itemName = option.legendItemName
}
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -545,6 +567,8 @@ const option = {
autoRotate: true, autoRotate: true,
autoHide: false, autoHide: false,
autoEllipsis: true, autoEllipsis: true,
autoHideEnable: true,
autoHideMinGap: 2,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

39
data-room-ui/packages/G2Plots/折线图/多折线图.js
Unescape Escape View File

@ -5,7 +5,7 @@
*/ */
// 配置版本号 // 配置版本号
const version = '2023111401' const version = '2023111501'
// 分类 // 分类
const category = 'Line' const category = 'Line'
// 标题 // 标题
@ -397,10 +397,10 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -408,11 +408,22 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true,
inactive: false,
tabName: 'custom', tabName: 'custom',
groupName: 'xAxis' groupName: 'xAxis'
}, },
@ -578,7 +589,17 @@ if (option.legendEnable) {
option.legend.itemName = option.legendItemName option.legend.itemName = option.legendItemName
} }
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value] option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
` let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -635,6 +656,8 @@ const option = {
autoRotate: false, autoRotate: false,
autoHide: true, autoHide: true,
autoEllipsis: true, autoEllipsis: true,
autoHideEnable: true,
autoHideMinGap: 0,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

51
data-room-ui/packages/G2Plots/折线图/多阶梯折线图.js
Unescape Escape View File

@ -1,6 +1,6 @@
// 配置版本号 // 配置版本号
const version = '2023111401' const version = '2023111501'
// 分类 // 分类
const category = 'Line' const category = 'Line'
// 标题 // 标题
@ -285,10 +285,10 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -296,11 +296,22 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true,
inactive: false,
tabName: 'custom', tabName: 'custom',
groupName: 'xAxis' groupName: 'xAxis'
}, },
@ -460,11 +471,25 @@ const data = [
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler = 'option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === \'legendPosition\').value} : false;' + const optionHandler =
'\n if (option.legendEnable) {\n' + `
' option.legend.itemName = option.legendItemName\n' + option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === 'legendPosition').value} : false;
' };' + if (option.legendEnable) {
'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]' option.legend.itemName = option.legendItemName
};
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -506,6 +531,8 @@ const option = {
autoRotate: false, autoRotate: false,
autoHide: true, autoHide: true,
autoEllipsis: true, autoEllipsis: true,
autoHideEnable: true,
autoHideMinGap: 0,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

51
data-room-ui/packages/G2Plots/折线图/折线趋势填充图.js
Unescape Escape View File

@ -5,7 +5,7 @@
*/ */
// 配置版本号 // 配置版本号
const version = '2023111401' const version = '2023111501'
// 分类 // 分类
const category = 'Line' const category = 'Line'
// 标题 // 标题
@ -350,10 +350,10 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -361,11 +361,22 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true,
inactive: false,
tabName: 'custom', tabName: 'custom',
groupName: 'xAxis' groupName: 'xAxis'
}, },
@ -525,11 +536,25 @@ const data = [
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler = 'option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === \'legendPosition\').value} : false;' + const optionHandler =
'\n if (option.legendEnable) {\n' + `
' option.legend.itemName = option.legendItemName\n' + option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === 'legendPosition').value} : false;
' };' + if (option.legendEnable) {
'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]' option.legend.itemName = option.legendItemName
};
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -559,6 +584,8 @@ const option = {
autoRotate: false, autoRotate: false,
autoHide: true, autoHide: true,
autoEllipsis: true, autoEllipsis: true,
autoHideEnable: true,
autoHideMinGap: 0,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

50
data-room-ui/packages/G2Plots/柱状图/分组柱状图.js
Unescape Escape View File

@ -5,7 +5,7 @@
*/ */
// 配置版本号 // 配置版本号
const version = '2023111401' const version = '2023111501'
// 分类 // 分类
const category = 'Column' const category = 'Column'
// 标题 // 标题
@ -327,10 +327,10 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -338,11 +338,22 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true,
inactive: false,
tabName: 'custom', tabName: 'custom',
groupName: 'xAxis' groupName: 'xAxis'
}, },
@ -498,11 +509,24 @@ const data = [
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler = ' option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === \'legendPosition\').value} : false;\n' + const optionHandler =
' if (option.legendEnable) {\n' + `
' option.legend.itemName = option.legendItemName\n' + option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === 'legendPosition').value} : false;
' };' + if (option.legendEnable) {
'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]' option.legend.itemName = option.legendItemName
};
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -551,6 +575,8 @@ const option = {
autoRotate: false, autoRotate: false,
autoHide: true, autoHide: true,
autoEllipsis: true, autoEllipsis: true,
autoHideEnable: true,
autoHideMinGap: 2,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

50
data-room-ui/packages/G2Plots/柱状图/圆角柱状图.js
Unescape Escape View File

@ -5,7 +5,7 @@
*/ */
// 配置版本号 // 配置版本号
const version = '2023111401' const version = '2023111501'
// 分类 // 分类
const category = 'Column' const category = 'Column'
// 标题 // 标题
@ -327,10 +327,10 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -338,11 +338,22 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true,
inactive: false,
tabName: 'custom', tabName: 'custom',
groupName: 'xAxis' groupName: 'xAxis'
}, },
@ -498,11 +509,24 @@ const data = [
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler = 'option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === \'legendPosition\').value} : false;' + const optionHandler =
' if (option.legendEnable) {\n' + `
' option.legend.itemName = option.legendItemName\n' + option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === 'legendPosition').value} : false;
' };' + if (option.legendEnable) {
'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]' option.legend.itemName = option.legendItemName
};
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -561,6 +585,8 @@ const option = {
autoRotate: false, autoRotate: false,
autoHide: true, autoHide: true,
autoEllipsis: true, autoEllipsis: true,
autoHideEnable: true,
autoHideMinGap: 2,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

42
data-room-ui/packages/G2Plots/柱状图/基础柱状图.js
Unescape Escape View File

@ -5,7 +5,7 @@
*/ */
// 配置版本号 // 配置版本号
const version = '2023111401' const version = '2023111501'
// 分类 // 分类
const category = 'Column' const category = 'Column'
// 标题 // 标题
@ -281,10 +281,10 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -292,11 +292,22 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true,
inactive: false,
tabName: 'custom', tabName: 'custom',
groupName: 'xAxis' groupName: 'xAxis'
}, },
@ -445,7 +456,20 @@ const data = [
{ date: '2023年', value: 400 } { date: '2023年', value: 400 }
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler = 'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]' const optionHandler =
`
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -487,6 +511,8 @@ const option = {
autoRotate: false, autoRotate: false,
autoHide: true, autoHide: true,
autoEllipsis: true, autoEllipsis: true,
autoHideEnable: true,
autoHideMinGap: 2,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

50
data-room-ui/packages/G2Plots/柱状图/堆叠柱状图.js
Unescape Escape View File

@ -5,7 +5,7 @@
*/ */
// 配置版本号 // 配置版本号
const version = '2023111401' const version = '2023111501'
// 分类 // 分类
const category = 'Column' const category = 'Column'
// 标题 // 标题
@ -327,10 +327,10 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -338,11 +338,22 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true,
inactive: false,
tabName: 'custom', tabName: 'custom',
groupName: 'xAxis' groupName: 'xAxis'
}, },
@ -498,11 +509,24 @@ const data = [
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler = 'option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === \'legendPosition\').value} : false;' + const optionHandler =
' if (option.legendEnable) {\n' + `
' option.legend.itemName = option.legendItemName\n' + option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === 'legendPosition').value} : false;
' };' + if (option.legendEnable) {
'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]' option.legend.itemName = option.legendItemName
};
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -557,6 +581,8 @@ const option = {
autoRotate: false, autoRotate: false,
autoHide: true, autoHide: true,
autoEllipsis: true, autoEllipsis: true,
autoHideEnable: true,
autoHideMinGap: 2,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

58
data-room-ui/packages/G2Plots/面积图/基础面积图.js
Unescape Escape View File

@ -349,10 +349,10 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -360,11 +360,22 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true,
inactive: false,
tabName: 'custom', tabName: 'custom',
groupName: 'xAxis' groupName: 'xAxis'
}, },
@ -516,16 +527,29 @@ const data = [
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler = ' let pointEnable = setting.find(settingItem=>settingItem.field === \'point_shape\').value\n' + const optionHandler =
' if (pointEnable === false) {\n' + `
' option.point = false\n' + let pointEnable = setting.find(settingItem=>settingItem.field === \'point_shape\').value
' } else {\n' + if (pointEnable === false) {
' option.point = {shape: pointEnable}\n' + option.point = false
' let pointColor = setting.find(settingItem=>settingItem.field === \'point_color\').value\n' + } else {
' option.point.color = pointColor\n' + option.point = {shape: pointEnable}
' option.point.size = setting.find(settingItem=>settingItem.field === \'point_size\').value\n' + let pointColor = setting.find(settingItem=>settingItem.field === 'point_color').value
'};' + option.point.color = pointColor
'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]' option.point.size = setting.find(settingItem=>settingItem.field === 'point_size').value
};
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -574,6 +598,8 @@ const option = {
autoRotate: false, autoRotate: false,
autoHide: true, autoHide: true,
autoEllipsis: true, autoEllipsis: true,
autoHideEnable: true,
autoHideMinGap: 2,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

48
data-room-ui/packages/G2Plots/面积图/堆叠面积图.js
Unescape Escape View File

@ -395,10 +395,10 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -406,11 +406,22 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true,
inactive: false,
tabName: 'custom', tabName: 'custom',
groupName: 'xAxis' groupName: 'xAxis'
}, },
@ -570,11 +581,24 @@ const data = [
] ]
// 配置处理脚本 // 配置处理脚本
const optionHandler = 'option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === \'legendPosition\').value} : false;' + const optionHandler =
'\n if (option.legendEnable) {\n' + `
' option.legend.itemName = option.legendItemName\n' + option.legend = option.legendEnable ? {position: setting.find(settingItem=>settingItem.field === 'legendPosition').value} : false;
' };' + if (option.legendEnable) {
'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]' option.legend.itemName = option.legendItemName
};
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -627,6 +651,8 @@ const option = {
autoRotate: false, autoRotate: false,
autoHide: true, autoHide: true,
autoEllipsis: true, autoEllipsis: true,
autoHideEnable: true,
autoHideMinGap: 2,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

40
data-room-ui/packages/G2Plots/面积图/渐变色面积图.js
Unescape Escape View File

@ -348,10 +348,10 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时旋转', label: '标签过多时隐藏',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoRotate', field: 'xAxis_label_autoHide',
optionField: 'xAxis.label.autoRotate', optionField: 'xAxis.label.autoHideEnable',
value: true, value: true,
active: true, active: true,
inactive: false, inactive: false,
@ -359,11 +359,22 @@ const setting = [
groupName: 'xAxis' groupName: 'xAxis'
}, },
{ {
label: '标签过多时隐藏', label: '标签隐藏判定间隔',
type: 'inputNumber',
field: 'xAxis_label_autoHide_minGap',
optionField: 'xAxis.label.autoHideMinGap',
value: 0,
tabName: 'custom',
groupName: 'xAxis'
},
{
label: '标签过多时旋转',
type: 'switch', type: 'switch',
field: 'xAxis_label_autoHide', field: 'xAxis_label_autoRotate',
optionField: 'xAxis.label.autoHide', optionField: 'xAxis.label.autoRotate',
value: true, value: true,
active: true,
inactive: false,
tabName: 'custom', tabName: 'custom',
groupName: 'xAxis' groupName: 'xAxis'
}, },
@ -513,7 +524,20 @@ const data = [
{ date: '2022年', value: 300 }, { date: '2022年', value: 300 },
{ date: '2023年', value: 400 } { date: '2023年', value: 400 }
] ]
const optionHandler = 'option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === \'yAxis_grid_line_style_lineDash\').value]' const optionHandler =
`
option.yAxis.grid.line.style.lineDash = [4,setting.find(settingItem=>settingItem.field === 'yAxis_grid_line_style_lineDash').value]
let autoHide = setting.find(settingItem=>settingItem.field === 'xAxis_label_autoHide').value
if(autoHide){
let minGap = option.xAxis.label.autoHideMinGap
option.xAxis.label.autoHide = {
type: 'equidistance',
cfg: { minGap: minGap }
}
} else {
option.xAxis.label.autoHide = false
}
`
// 数据处理脚本 // 数据处理脚本
const dataHandler = '' const dataHandler = ''
@ -561,6 +585,8 @@ const option = {
autoRotate: false, autoRotate: false,
autoHide: true, autoHide: true,
autoEllipsis: true, autoEllipsis: true,
autoHideEnable: true,
autoHideMinGap: 2,
style: { style: {
fill: '#8C8C8C', fill: '#8C8C8C',
fontSize: 12 fontSize: 12

Write Preview
Loading…
Cancel
Save