ehs_tanghHe
/
tanghe-report
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

柱、线图XY配置项调整

Browse Source
qianming 2 years ago
parent a46860af15
commit 9a81554047
13 changed files with 1196 additions and 1125 deletions
Show Stats Download Patch File Download Diff File

156
report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js
Unescape Escape View File

@ -115,10 +115,10 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -129,9 +129,9 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'italic', name: 'italic斜体' }, {code: 'italic', name: 'italic斜体'},
{ code: 'oblique', name: 'oblique斜体' }, {code: 'oblique', name: 'oblique斜体'},
], ],
value: 'normal' value: 'normal'
}, },
@ -142,9 +142,9 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'center', name: '居中' }, {code: 'center', name: '居中'},
{ code: 'left', name: '左对齐' }, {code: 'left', name: '左对齐'},
{ code: 'right', name: '右对齐' }, {code: 'right', name: '右对齐'},
], ],
value: 'center' value: 'center'
}, },
@ -179,10 +179,10 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -193,9 +193,9 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'italic', name: 'italic斜体' }, {code: 'italic', name: 'italic斜体'},
{ code: 'oblique', name: 'oblique斜体' }, {code: 'oblique', name: 'oblique斜体'},
], ],
value: 'normal' value: 'normal'
}, },
@ -217,7 +217,7 @@ export const widgetBarStack = {
label: '图例名称', label: '图例名称',
name: 'legendName', name: 'legendName',
required: false, required: false,
placeholder: '多值以'|'隔开', placeholder: '多值以' | '隔开',
value: '' value: ''
}, },
{ {
@ -296,43 +296,43 @@ export const widgetBarStack = {
}, },
{ {
type: 'el-input-text', type: 'el-input-text',
label: 'X轴别名', label: '坐标名',
name: 'xName', name: 'nameX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: ''
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '别名颜色', label: '坐标名颜色',
name: 'xNameColor', name: 'nameColorX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff' value: '#fff'
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '别名字号', label: '坐标名字号',
name: 'xNameFontSize', name: 'nameFontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14 value: 14
}, },
{ {
type: 'el-switch', type: 'vue-color',
label: '轴反转', label: '文字颜色',
name: 'reversalX', name: 'colorX',
required: false, required: false,
placeholder: '', placeholder: '',
value: false value: '#fff',
}, },
{ {
type: 'el-slider', type: 'el-input-number',
label: '文字角度', label: '文字字号',
name: 'textAngleX', name: 'fontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 0 value: 14,
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
@ -343,20 +343,20 @@ export const widgetBarStack = {
value: '' value: ''
}, },
{ {
type: 'vue-color', type: 'el-slider',
label: '文字颜色', label: '文字角度',
name: 'Xcolor', name: 'textAngleX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: 0
}, },
{ {
type: 'el-input-number', type: 'el-switch',
label: '文字字号', label: '轴反转',
name: 'fontSizeX', name: 'reversalX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: false
}, },
{ {
type: 'vue-color', type: 'vue-color',
@ -381,7 +381,6 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
} }
], ],
}, },
@ -398,7 +397,7 @@ export const widgetBarStack = {
}, },
{ {
type: 'el-input-text', type: 'el-input-text',
label: 'Y轴别名', label: '坐标名',
name: 'textNameY', name: 'textNameY',
require: false, require: false,
placeholder: '', placeholder: '',
@ -406,51 +405,67 @@ export const widgetBarStack = {
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '别名颜色', label: '坐标名颜色',
name: 'NameColorY', name: 'nameColorY',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '别名字号', label: '坐标名字号',
name: 'NameFontSizeY', name: 'nameFontSizeY',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{ {
type: 'el-switch', type: 'vue-color',
label: '轴反转', label: '数值颜色',
name: 'reversalY', name: 'colorY',
required: false, required: false,
placeholder: '', placeholder: '',
value: false value: '#fff',
}, },
{ {
type: 'el-slider', type: 'el-input-number',
label: '文字角度', label: '数值字号',
name: 'textAngleY', name: 'fontSizeY',
required: false, required: false,
placeholder: '', placeholder: '',
value: 0 value: 14,
}, },
{ {
type: 'vue-color', type: 'el-switch',
label: '文字颜色', label: '缩放',
name: 'colorY', name: 'scale',
required: false, require: false,
placeholder: '', placeholder: '',
value: '#fff', value: false,
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '文字字号', label: '均分',
name: 'fontSizeY', name: 'splitNumberY',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: ''
},
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleY',
required: false,
placeholder: '',
value: 0
},
{
type: 'el-switch',
label: '轴反转',
name: 'reversalY',
required: false,
placeholder: '',
value: false
}, },
{ {
type: 'vue-color', type: 'vue-color',
@ -467,14 +482,15 @@ export const widgetBarStack = {
require: false, require: false,
placeholder: '', placeholder: '',
value: false, value: false,
}, { },
{
type: 'vue-color', type: 'vue-color',
label: '分割线颜色', label: '分割线颜色',
name: 'splitLineColorY', name: 'splitLineColorY',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
} },
], ],
}, },
{ {
@ -627,11 +643,11 @@ export const widgetBarStack = {
relactiveDom: 'dataType', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{"axis":"2021-07-25","name":"A","data":"12"}, {"axis": "2021-07-25", "name": "A", "data": "12"},
{"axis":"2021-07-25","name":"B","data":"20"}, {"axis": "2021-07-25", "name": "B", "data": "20"},
{"axis":"2021-07-26","name":"B","data":"5"}, {"axis": "2021-07-26", "name": "B", "data": "5"},
{"axis":"2021-07-27","name":"A","data":"15"}, {"axis": "2021-07-27", "name": "A", "data": "15"},
{"axis":"2021-07-27","name":"B","data":"30"}, {"axis": "2021-07-27", "name": "B", "data": "30"},
], ],
}, },
{ {
@ -683,4 +699,4 @@ export const widgetBarStack = {
}, },
], ],
} }
} }

110
report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-barchart.js
Unescape Escape View File

@ -111,10 +111,10 @@ export const widgetBarchart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -125,9 +125,9 @@ export const widgetBarchart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'italic', name: 'italic斜体' }, {code: 'italic', name: 'italic斜体'},
{ code: 'oblique', name: 'oblique斜体' }, {code: 'oblique', name: 'oblique斜体'},
], ],
value: 'normal' value: 'normal'
}, },
@ -138,9 +138,9 @@ export const widgetBarchart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'center', name: '居中' }, {code: 'center', name: '居中'},
{ code: 'left', name: '左对齐' }, {code: 'left', name: '左对齐'},
{ code: 'right', name: '右对齐' }, {code: 'right', name: '右对齐'},
], ],
value: 'center' value: 'center'
}, },
@ -175,10 +175,10 @@ export const widgetBarchart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -189,9 +189,9 @@ export const widgetBarchart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'italic', name: 'italic斜体' }, {code: 'italic', name: 'italic斜体'},
{ code: 'oblique', name: 'oblique斜体' }, {code: 'oblique', name: 'oblique斜体'},
], ],
value: 'normal' value: 'normal'
}, },
@ -211,7 +211,7 @@ export const widgetBarchart = {
{ {
type: 'el-input-text', type: 'el-input-text',
label: '坐标名', label: '坐标名',
name: 'xName', name: 'nameX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: ''
@ -226,7 +226,7 @@ export const widgetBarchart = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '坐标字号', label: '坐标名字号',
name: 'nameFontSizeX', name: 'nameFontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
@ -234,35 +234,35 @@ export const widgetBarchart = {
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '数值颜色', label: '文字颜色',
name: 'Xcolor', name: 'colorX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '数值字号', label: '文字字号',
name: 'fontSizeX', name: 'fontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{ {
type: 'el-slider', type: 'el-input-number',
label: '数值角度', label: '文字间隔',
name: 'textAngle', name: 'textInterval',
required: false, required: false,
placeholder: '', placeholder: '',
value: 0 value: ''
}, },
{ {
type: 'el-input-number', type: 'el-slider',
label: '数值间隔', label: '文字角度',
name: 'textInterval', name: 'textAngleX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: 0
}, },
{ {
type: 'el-switch', type: 'el-switch',
@ -295,7 +295,6 @@ export const widgetBarchart = {
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
} }
], ],
}, },
@ -328,7 +327,7 @@ export const widgetBarchart = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '坐标字号', label: '坐标名字号',
name: 'nameFontSizeY', name: 'nameFontSizeY',
required: false, required: false,
placeholder: '', placeholder: '',
@ -350,14 +349,6 @@ export const widgetBarchart = {
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'ytextAngle',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'el-switch', type: 'el-switch',
label: '缩放', label: '缩放',
@ -369,11 +360,19 @@ export const widgetBarchart = {
{ {
type: 'el-input-number', type: 'el-input-number',
label: '均分', label: '均分',
name: 'splitNumber', name: 'splitNumberY',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: ''
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleY',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'el-switch', type: 'el-switch',
label: '轴反转', label: '轴反转',
@ -389,22 +388,23 @@ export const widgetBarchart = {
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, { },
{
type: 'el-switch', type: 'el-switch',
label: '分割线显示', label: '分割线显示',
name: 'isShowSplitLineY', name: 'isShowSplitLineY',
require: false, require: false,
placeholder: '', placeholder: '',
value: false, value: false,
}, { },
{
type: 'vue-color', type: 'vue-color',
label: '分割线颜色', label: '分割线颜色',
name: 'splitLineColorY', name: 'splitLineColorY',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
},
}
], ],
}, },
{ {
@ -449,10 +449,10 @@ export const widgetBarchart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -521,7 +521,7 @@ export const widgetBarchart = {
label: '', label: '',
name: 'customColor', name: 'customColor',
required: false, required: false,
value: [{ color: '#ff7f50' }, { color: '#87cefa' }, { color: '#da70d6' }, { color: '#32cd32' }, { color: '#6495ed' }], value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}],
}, },
], ],
}, },
@ -565,11 +565,11 @@ export const widgetBarchart = {
relactiveDom: 'dataType', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{ "axis": "苹果", "data": 1000 }, {"axis": "苹果", "data": 1000},
{ "axis": "三星", "data": 2229 }, {"axis": "三星", "data": 2229},
{ "axis": "小米", "data": 3879 }, {"axis": "小米", "data": 3879},
{ "axis": "oppo", "data": 2379 }, {"axis": "oppo", "data": 2379},
{ "axis": "vivo", "data": 4079 }, {"axis": "vivo", "data": 4079},
], ],
}, },
{ {

57
report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-gradient-barchart.js
Unescape Escape View File

@ -203,7 +203,7 @@ export const widgetGradientBarchart = {
{ {
type: 'el-input-text', type: 'el-input-text',
label: '坐标名', label: '坐标名',
name: 'xName', name: 'nameX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: ''
@ -214,47 +214,47 @@ export const widgetGradientBarchart = {
name: 'nameColorX', name: 'nameColorX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff'
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '坐标字号', label: '坐标名字号',
name: 'nameFontSizeX', name: 'nameFontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: 14
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '数值颜色', label: '文字颜色',
name: 'Xcolor', name: 'colorX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '数值字号', label: '文字字号',
name: 'fontSizeX', name: 'fontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{ {
type: 'el-slider', type: 'el-input-number',
label: '数值角度', label: '文字间隔',
name: 'textAngle', name: 'textInterval',
required: false, required: false,
placeholder: '', placeholder: '',
value: 0 value: ''
}, },
{ {
type: 'el-input-number', type: 'el-slider',
label: '数值间隔', label: '文字角度',
name: 'textInterval', name: 'textAngleX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: 0
}, },
{ {
type: 'el-switch', type: 'el-switch',
@ -308,7 +308,8 @@ export const widgetGradientBarchart = {
require: false, require: false,
placeholder: '', placeholder: '',
value: '' value: ''
}, { },
{
type: 'vue-color', type: 'vue-color',
label: '坐标名颜色', label: '坐标名颜色',
name: 'nameColorY', name: 'nameColorY',
@ -318,8 +319,8 @@ export const widgetGradientBarchart = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '坐标字号', label: '坐标名字号',
name: 'namefontSizeY', name: 'nameFontSizeY',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: 14,
@ -340,14 +341,6 @@ export const widgetGradientBarchart = {
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'ytextAngle',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'el-switch', type: 'el-switch',
label: '缩放', label: '缩放',
@ -359,11 +352,19 @@ export const widgetGradientBarchart = {
{ {
type: 'el-input-number', type: 'el-input-number',
label: '均分', label: '均分',
name: 'splitNumber', name: 'splitNumberY',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: ''
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleY',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'el-switch', type: 'el-switch',
label: '轴反转', label: '轴反转',
@ -395,7 +396,7 @@ export const widgetGradientBarchart = {
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
} },
], ],
}, },
{ {

156
report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-bar-line-stack.js
Unescape Escape View File

@ -128,10 +128,10 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -142,9 +142,9 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'italic', name: 'italic斜体' }, {code: 'italic', name: 'italic斜体'},
{ code: 'oblique', name: 'oblique斜体' }, {code: 'oblique', name: 'oblique斜体'},
], ],
value: 'normal' value: 'normal'
}, },
@ -155,9 +155,9 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'center', name: '居中' }, {code: 'center', name: '居中'},
{ code: 'left', name: '左对齐' }, {code: 'left', name: '左对齐'},
{ code: 'right', name: '右对齐' }, {code: 'right', name: '右对齐'},
], ],
value: 'center' value: 'center'
}, },
@ -192,10 +192,10 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -206,9 +206,9 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'italic', name: 'italic斜体' }, {code: 'italic', name: 'italic斜体'},
{ code: 'oblique', name: 'oblique斜体' }, {code: 'oblique', name: 'oblique斜体'},
], ],
value: 'normal' value: 'normal'
}, },
@ -264,9 +264,9 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'center', name: '居中' }, {code: 'center', name: '居中'},
{ code: 'left', name: '左对齐' }, {code: 'left', name: '左对齐'},
{ code: 'right', name: '右对齐' }, {code: 'right', name: '右对齐'},
], ],
value: 'center' value: 'center'
}, },
@ -277,8 +277,8 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'top', name: '顶部' }, {code: 'top', name: '顶部'},
{ code: 'bottom', name: '底部' }, {code: 'bottom', name: '底部'},
], ],
value: 'top' value: 'top'
}, },
@ -289,8 +289,8 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'vertical', name: '竖排' }, {code: 'vertical', name: '竖排'},
{ code: 'horizontal', name: '横排' }, {code: 'horizontal', name: '横排'},
], ],
value: 'horizontal' value: 'horizontal'
}, },
@ -309,7 +309,7 @@ export const widgetBarLineStack = {
}, },
{ {
type: 'el-input-text', type: 'el-input-text',
label: '轴别名', label: '坐标名',
name: 'nameX', name: 'nameX',
required: false, required: false,
placeholder: '', placeholder: '',
@ -317,7 +317,7 @@ export const widgetBarLineStack = {
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '别名颜色', label: '坐标名颜色',
name: 'nameColorX', name: 'nameColorX',
required: false, required: false,
placeholder: '', placeholder: '',
@ -325,27 +325,27 @@ export const widgetBarLineStack = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '别名字号', label: '坐标名字号',
name: 'nameFontSizeX', name: 'nameFontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14 value: 14
}, },
{ {
type: 'el-switch', type: 'vue-color',
label: '轴反转', label: '文字颜色',
name: 'reversalX', name: 'colorX',
required: false, required: false,
placeholder: '', placeholder: '',
value: false value: '#fff',
}, },
{ {
type: 'el-slider', type: 'el-input-number',
label: '文字角度', label: '文字字号',
name: 'textAngleX', name: 'fontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 0 value: 14,
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
@ -356,20 +356,20 @@ export const widgetBarLineStack = {
value: '' value: ''
}, },
{ {
type: 'vue-color', type: 'el-slider',
label: '文字颜色', label: '文字角度',
name: 'colorX', name: 'textAngleX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: 0
}, },
{ {
type: 'el-input-number', type: 'el-switch',
label: '文字字号', label: '轴反转',
name: 'fontSizeX', name: 'reversalX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: false
}, },
{ {
type: 'vue-color', type: 'vue-color',
@ -448,14 +448,6 @@ export const widgetBarLineStack = {
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleYLeft',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'el-input-number', type: 'el-input-number',
label: '均分', label: '均分',
@ -464,6 +456,14 @@ export const widgetBarLineStack = {
placeholder: '', placeholder: '',
value: '' value: ''
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleYLeft',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '轴颜色',
@ -535,14 +535,6 @@ export const widgetBarLineStack = {
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleYRight',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'el-input-number', type: 'el-input-number',
label: '均分', label: '均分',
@ -551,6 +543,14 @@ export const widgetBarLineStack = {
placeholder: '', placeholder: '',
value: '' value: ''
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleYRight',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '轴颜色',
@ -619,10 +619,10 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -670,10 +670,10 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -742,7 +742,7 @@ export const widgetBarLineStack = {
label: '', label: '',
name: 'customColor', name: 'customColor',
required: false, required: false,
value: [{ color: '#ff7f50' }, { color: '#87cefa' }, { color: '#da70d6' }, { color: '#32cd32' }, { color: '#6495ed' }], value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}],
}, },
], ],
}, },
@ -786,16 +786,16 @@ export const widgetBarLineStack = {
relactiveDom: 'dataType', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{ "axis": "2021-07", "name": "A", "bar": "12", "line": "20" }, {"axis": "2021-07", "name": "A", "bar": "12", "line": "20"},
{ "axis": "2021-07", "name": "B", "bar": "20", "line": "12" }, {"axis": "2021-07", "name": "B", "bar": "20", "line": "12"},
{ "axis": "2021-08", "name": "A", "bar": "0", "line": "8" }, {"axis": "2021-08", "name": "A", "bar": "0", "line": "8"},
{ "axis": "2021-08", "name": "B", "bar": "5", "line": "3" }, {"axis": "2021-08", "name": "B", "bar": "5", "line": "3"},
{ "axis": "2021-09", "name": "A", "bar": "15", "line": "9" }, {"axis": "2021-09", "name": "A", "bar": "15", "line": "9"},
{ "axis": "2021-09", "name": "B", "bar": "30", "line": "19" }, {"axis": "2021-09", "name": "B", "bar": "30", "line": "19"},
{ "axis": "2021-10", "name": "A", "bar": "10", "line": "27" }, {"axis": "2021-10", "name": "A", "bar": "10", "line": "27"},
{ "axis": "2021-10", "name": "B", "bar": "24", "line": "6" }, {"axis": "2021-10", "name": "B", "bar": "24", "line": "6"},
{ "axis": "2021-11", "name": "A", "bar": "23", "line": "29" }, {"axis": "2021-11", "name": "A", "bar": "23", "line": "29"},
{ "axis": "2021-11", "name": "B", "bar": "8", "line": "9" }, {"axis": "2021-11", "name": "B", "bar": "8", "line": "9"},
], ],
}, },
{ {

160
report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-barlinechart.js
Unescape Escape View File

@ -156,10 +156,10 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -170,9 +170,9 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'italic', name: 'italic斜体' }, {code: 'italic', name: 'italic斜体'},
{ code: 'oblique', name: 'oblique斜体' }, {code: 'oblique', name: 'oblique斜体'},
], ],
value: 'normal' value: 'normal'
}, },
@ -183,9 +183,9 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'center', name: '居中' }, {code: 'center', name: '居中'},
{ code: 'left', name: '左对齐' }, {code: 'left', name: '左对齐'},
{ code: 'right', name: '右对齐' }, {code: 'right', name: '右对齐'},
], ],
value: 'center' value: 'center'
}, },
@ -220,10 +220,10 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -234,9 +234,9 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'italic', name: 'italic斜体' }, {code: 'italic', name: 'italic斜体'},
{ code: 'oblique', name: 'oblique斜体' }, {code: 'oblique', name: 'oblique斜体'},
], ],
value: 'normal' value: 'normal'
}, },
@ -292,9 +292,9 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'center', name: '居中' }, {code: 'center', name: '居中'},
{ code: 'left', name: '左对齐' }, {code: 'left', name: '左对齐'},
{ code: 'right', name: '右对齐' }, {code: 'right', name: '右对齐'},
], ],
value: 'center' value: 'center'
}, },
@ -305,8 +305,8 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'top', name: '顶部' }, {code: 'top', name: '顶部'},
{ code: 'bottom', name: '底部' }, {code: 'bottom', name: '底部'},
], ],
value: 'top' value: 'top'
}, },
@ -317,8 +317,8 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'vertical', name: '竖排' }, {code: 'vertical', name: '竖排'},
{ code: 'horizontal', name: '横排' }, {code: 'horizontal', name: '横排'},
], ],
value: 'horizontal' value: 'horizontal'
}, },
@ -337,7 +337,7 @@ export const widgetBarlinechart = {
}, },
{ {
type: 'el-input-text', type: 'el-input-text',
label: '轴别名', label: '坐标名',
name: 'nameX', name: 'nameX',
required: false, required: false,
placeholder: '', placeholder: '',
@ -345,7 +345,7 @@ export const widgetBarlinechart = {
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '别名颜色', label: '坐标名颜色',
name: 'nameColorX', name: 'nameColorX',
required: false, required: false,
placeholder: '', placeholder: '',
@ -353,27 +353,27 @@ export const widgetBarlinechart = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '别名字号', label: '坐标名字号',
name: 'nameFontSizeX', name: 'nameFontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14 value: 14
}, },
{ {
type: 'el-switch', type: 'vue-color',
label: '轴反转', label: '文字颜色',
name: 'reversalX', name: 'colorX',
required: false, required: false,
placeholder: '', placeholder: '',
value: false value: '#fff',
}, },
{ {
type: 'el-slider', type: 'el-input-number',
label: '文字角度', label: '文字字号',
name: 'textAngleX', name: 'fontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 0 value: 14,
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
@ -384,20 +384,20 @@ export const widgetBarlinechart = {
value: '' value: ''
}, },
{ {
type: 'vue-color', type: 'el-slider',
label: '文字颜色', label: '文字角度',
name: 'colorX', name: 'textAngleX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: 0
}, },
{ {
type: 'el-input-number', type: 'el-switch',
label: '文字字号', label: '轴反转',
name: 'fontSizeX', name: 'reversalX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: false
}, },
{ {
type: 'vue-color', type: 'vue-color',
@ -476,14 +476,6 @@ export const widgetBarlinechart = {
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleYLeft',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'el-input-number', type: 'el-input-number',
label: '均分', label: '均分',
@ -492,6 +484,14 @@ export const widgetBarlinechart = {
placeholder: '', placeholder: '',
value: '' value: ''
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleYLeft',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '轴颜色',
@ -563,14 +563,6 @@ export const widgetBarlinechart = {
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleYRight',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'el-input-number', type: 'el-input-number',
label: '均分', label: '均分',
@ -579,6 +571,14 @@ export const widgetBarlinechart = {
placeholder: '', placeholder: '',
value: '' value: ''
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleYRight',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '轴颜色',
@ -647,10 +647,10 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -698,10 +698,10 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -770,7 +770,7 @@ export const widgetBarlinechart = {
label: '', label: '',
name: 'customColor', name: 'customColor',
required: false, required: false,
value: [{ color: '#00F4FFFF' }, { color: '#e68b55' }], value: [{color: '#00F4FFFF'}, {color: '#e68b55'}],
}, },
], ],
}, },
@ -814,18 +814,18 @@ export const widgetBarlinechart = {
relactiveDom: 'dataType', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{ "axis": "1月", "bar": 2.6, "line": 2 }, {"axis": "1月", "bar": 2.6, "line": 2},
{ "axis": "2月", "bar": 5.9, "line": 2.2 }, {"axis": "2月", "bar": 5.9, "line": 2.2},
{ "axis": "3月", "bar": 9, "line": 3.3 }, {"axis": "3月", "bar": 9, "line": 3.3},
{ "axis": "4月", "bar": 26.4, "line": 4.5 }, {"axis": "4月", "bar": 26.4, "line": 4.5},
{ "axis": "5月", "bar": 28.7, "line": 6.3 }, {"axis": "5月", "bar": 28.7, "line": 6.3},
{ "axis": "6月", "bar": 70.7, "line": 10.2 }, {"axis": "6月", "bar": 70.7, "line": 10.2},
{ "axis": "7月", "bar": 175.6, "line": 20.3 }, {"axis": "7月", "bar": 175.6, "line": 20.3},
{ "axis": "8月", "bar": 182.2, "line": 23.4 }, {"axis": "8月", "bar": 182.2, "line": 23.4},
{ "axis": "9月", "bar": 48.7, "line": 23 }, {"axis": "9月", "bar": 48.7, "line": 23},
{ "axis": "10月", "bar": 18.8, "line": 16.5 }, {"axis": "10月", "bar": 18.8, "line": 16.5},
{ "axis": "11月", "bar": 6, "line": 12 }, {"axis": "11月", "bar": 6, "line": 12},
{ "axis": "12月", "bar": 2.3, "line": 6.2 }, {"axis": "12月", "bar": 2.3, "line": 6.2},
] ]
}, },
{ {

156
report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-more-bar-line.js
Unescape Escape View File

@ -148,10 +148,10 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -162,9 +162,9 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'italic', name: 'italic斜体' }, {code: 'italic', name: 'italic斜体'},
{ code: 'oblique', name: 'oblique斜体' }, {code: 'oblique', name: 'oblique斜体'},
], ],
value: 'normal' value: 'normal'
}, },
@ -175,9 +175,9 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'center', name: '居中' }, {code: 'center', name: '居中'},
{ code: 'left', name: '左对齐' }, {code: 'left', name: '左对齐'},
{ code: 'right', name: '右对齐' }, {code: 'right', name: '右对齐'},
], ],
value: 'center' value: 'center'
}, },
@ -212,10 +212,10 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -226,9 +226,9 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'italic', name: 'italic斜体' }, {code: 'italic', name: 'italic斜体'},
{ code: 'oblique', name: 'oblique斜体' }, {code: 'oblique', name: 'oblique斜体'},
], ],
value: 'normal' value: 'normal'
}, },
@ -284,9 +284,9 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'center', name: '居中' }, {code: 'center', name: '居中'},
{ code: 'left', name: '左对齐' }, {code: 'left', name: '左对齐'},
{ code: 'right', name: '右对齐' }, {code: 'right', name: '右对齐'},
], ],
value: 'center' value: 'center'
}, },
@ -297,8 +297,8 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'top', name: '顶部' }, {code: 'top', name: '顶部'},
{ code: 'bottom', name: '底部' }, {code: 'bottom', name: '底部'},
], ],
value: 'top' value: 'top'
}, },
@ -309,8 +309,8 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'vertical', name: '竖排' }, {code: 'vertical', name: '竖排'},
{ code: 'horizontal', name: '横排' }, {code: 'horizontal', name: '横排'},
], ],
value: 'horizontal' value: 'horizontal'
}, },
@ -329,7 +329,7 @@ export const widgetMoreBarLine = {
}, },
{ {
type: 'el-input-text', type: 'el-input-text',
label: '轴别名', label: '坐标名',
name: 'nameX', name: 'nameX',
required: false, required: false,
placeholder: '', placeholder: '',
@ -337,7 +337,7 @@ export const widgetMoreBarLine = {
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '别名颜色', label: '坐标名颜色',
name: 'nameColorX', name: 'nameColorX',
required: false, required: false,
placeholder: '', placeholder: '',
@ -345,27 +345,27 @@ export const widgetMoreBarLine = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '别名字号', label: '坐标名字号',
name: 'nameFontSizeX', name: 'nameFontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14 value: 14
}, },
{ {
type: 'el-switch', type: 'vue-color',
label: '轴反转', label: '文字颜色',
name: 'reversalX', name: 'colorX',
required: false, required: false,
placeholder: '', placeholder: '',
value: false value: '#fff',
}, },
{ {
type: 'el-slider', type: 'el-input-number',
label: '文字角度', label: '文字字号',
name: 'textAngleX', name: 'fontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 0 value: 14,
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
@ -376,20 +376,20 @@ export const widgetMoreBarLine = {
value: '' value: ''
}, },
{ {
type: 'vue-color', type: 'el-slider',
label: '文字颜色', label: '文字角度',
name: 'colorX', name: 'textAngleX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: 0
}, },
{ {
type: 'el-input-number', type: 'el-switch',
label: '文字字号', label: '轴反转',
name: 'fontSizeX', name: 'reversalX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: false
}, },
{ {
type: 'vue-color', type: 'vue-color',
@ -468,14 +468,6 @@ export const widgetMoreBarLine = {
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleYLeft',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'el-input-number', type: 'el-input-number',
label: '均分', label: '均分',
@ -484,6 +476,14 @@ export const widgetMoreBarLine = {
placeholder: '', placeholder: '',
value: '' value: ''
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleYLeft',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '轴颜色',
@ -555,14 +555,6 @@ export const widgetMoreBarLine = {
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleYRight',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'el-input-number', type: 'el-input-number',
label: '均分', label: '均分',
@ -571,6 +563,14 @@ export const widgetMoreBarLine = {
placeholder: '', placeholder: '',
value: '' value: ''
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleYRight',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '轴颜色',
@ -639,10 +639,10 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -690,10 +690,10 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -763,9 +763,9 @@ export const widgetMoreBarLine = {
name: 'customColor', name: 'customColor',
required: false, required: false,
value: [ value: [
{ color: '#4bdfff' }, {color: '#4bdfff'},
{ color: '#55f49c' }, {color: '#55f49c'},
{ color: '#ffa43a' }, {color: '#ffa43a'},
], ],
}, },
], ],
@ -810,14 +810,14 @@ export const widgetMoreBarLine = {
relactiveDom: 'dataType', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{ "date": "2014", "unsales": 400, "manus": 300, "sales": 4.2, }, {"date": "2014", "unsales": 400, "manus": 300, "sales": 4.2,},
{ "date": "2015", "unsales": 400, "manus": 500, "sales": 3.6, }, {"date": "2015", "unsales": 400, "manus": 500, "sales": 3.6,},
{ "date": "2016", "unsales": 300, "manus": 500, "sales": 5.8, }, {"date": "2016", "unsales": 300, "manus": 500, "sales": 5.8,},
{ "date": "2017", "unsales": 300, "manus": 500, "sales": 3.4, }, {"date": "2017", "unsales": 300, "manus": 500, "sales": 3.4,},
{ "date": "2018", "unsales": 400, "manus": 400, "sales": 2.5, }, {"date": "2018", "unsales": 400, "manus": 400, "sales": 2.5,},
{ "date": "2019", "unsales": 400, "manus": 500, "sales": 5.8, }, {"date": "2019", "unsales": 400, "manus": 500, "sales": 5.8,},
{ "date": "2020", "unsales": 300, "manus": 400, "sales": 7.6, }, {"date": "2020", "unsales": 300, "manus": 400, "sales": 7.6,},
{ "date": "2021", "unsales": 300, "manus": 600, "sales": 3.4, }, {"date": "2021", "unsales": 300, "manus": 600, "sales": 3.4,},
] ]
}, },
{ {

112
report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-stack.js
Unescape Escape View File

@ -316,43 +316,43 @@ export const widgetLineStack = {
}, },
{ {
type: 'el-input-text', type: 'el-input-text',
label: 'X轴别名', label: '坐标名',
name: 'xName', name: 'nameX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: ''
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '别名颜色', label: '坐标名颜色',
name: 'xNameColor', name: 'nameColorX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff' value: '#fff'
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '别名字号', label: '坐标名字号',
name: 'xNameFontSize', name: 'nameFontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14 value: 14
}, },
{ {
type: 'el-switch', type: 'vue-color',
label: '轴反转', label: '文字颜色',
name: 'reversalX', name: 'colorX',
required: false, required: false,
placeholder: '', placeholder: '',
value: false value: '#fff',
}, },
{ {
type: 'el-slider', type: 'el-input-number',
label: '文字角度', label: '文字字号',
name: 'textAngleX', name: 'fontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 0 value: 14,
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
@ -363,20 +363,20 @@ export const widgetLineStack = {
value: '' value: ''
}, },
{ {
type: 'vue-color', type: 'el-slider',
label: '文字颜色', label: '文字角度',
name: 'Xcolor', name: 'textAngleX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: 0
}, },
{ {
type: 'el-input-number', type: 'el-switch',
label: '字体字号', label: '轴反转',
name: 'fontSizeX', name: 'reversalX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: false
}, },
{ {
type: 'vue-color', type: 'vue-color',
@ -401,7 +401,6 @@ export const widgetLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
} }
], ],
}, },
@ -418,7 +417,7 @@ export const widgetLineStack = {
}, },
{ {
type: 'el-input-text', type: 'el-input-text',
label: 'Y轴别名', label: '坐标名',
name: 'textNameY', name: 'textNameY',
require: false, require: false,
placeholder: '', placeholder: '',
@ -426,51 +425,67 @@ export const widgetLineStack = {
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '别名颜色', label: '坐标名颜色',
name: 'NameColorY', name: 'nameColorY',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '别名字号', label: '坐标名字号',
name: 'NameFontSizeY', name: 'nameFontSizeY',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{ {
type: 'el-switch', type: 'vue-color',
label: '轴反转', label: '数值颜色',
name: 'reversalY', name: 'colorY',
required: false, required: false,
placeholder: '', placeholder: '',
value: false value: '#fff',
}, },
{ {
type: 'el-slider', type: 'el-input-number',
label: '文字角度', label: '数值字号',
name: 'textAngleY', name: 'fontSizeY',
required: false, required: false,
placeholder: '', placeholder: '',
value: 0 value: 14,
}, },
{ {
type: 'vue-color', type: 'el-switch',
label: '文字颜色', label: '缩放',
name: 'colorY', name: 'scale',
required: false, require: false,
placeholder: '', placeholder: '',
value: '#fff', value: false,
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '文字字号', label: '均分',
name: 'fontSizeY', name: 'splitNumberY',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: ''
},
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleY',
required: false,
placeholder: '',
value: 0
},
{
type: 'el-switch',
label: '轴反转',
name: 'reversalY',
required: false,
placeholder: '',
value: false
}, },
{ {
type: 'vue-color', type: 'vue-color',
@ -479,22 +494,23 @@ export const widgetLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, { },
{
type: 'el-switch', type: 'el-switch',
label: '分割线显示', label: '分割线显示',
name: 'isShowSplitLineY', name: 'isShowSplitLineY',
require: false, require: false,
placeholder: '', placeholder: '',
value: false, value: false,
}, { },
{
type: 'vue-color', type: 'vue-color',
label: '分割线颜色', label: '分割线颜色',
name: 'splitLineColorY', name: 'splitLineColorY',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
},
}
], ],
}, },
{ {

88
report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-linechart.js
Unescape Escape View File

@ -127,10 +127,10 @@ export const widgetLinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -141,9 +141,9 @@ export const widgetLinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'italic', name: 'italic斜体' }, {code: 'italic', name: 'italic斜体'},
{ code: 'oblique', name: 'oblique斜体' }, {code: 'oblique', name: 'oblique斜体'},
], ],
value: 'normal' value: 'normal'
}, },
@ -154,9 +154,9 @@ export const widgetLinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'center', name: '居中' }, {code: 'center', name: '居中'},
{ code: 'left', name: '左对齐' }, {code: 'left', name: '左对齐'},
{ code: 'right', name: '右对齐' }, {code: 'right', name: '右对齐'},
], ],
value: 'center' value: 'center'
}, },
@ -191,10 +191,10 @@ export const widgetLinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'bold', name: '粗体' }, {code: 'bold', name: '粗体'},
{ code: 'bolder', name: '特粗体' }, {code: 'bolder', name: '特粗体'},
{ code: 'lighter', name: '细体' } {code: 'lighter', name: '细体'}
], ],
value: 'normal' value: 'normal'
}, },
@ -205,9 +205,9 @@ export const widgetLinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{ code: 'normal', name: '正常' }, {code: 'normal', name: '正常'},
{ code: 'italic', name: 'italic斜体' }, {code: 'italic', name: 'italic斜体'},
{ code: 'oblique', name: 'oblique斜体' }, {code: 'oblique', name: 'oblique斜体'},
], ],
value: 'normal' value: 'normal'
}, },
@ -227,7 +227,7 @@ export const widgetLinechart = {
{ {
type: 'el-input-text', type: 'el-input-text',
label: '坐标名', label: '坐标名',
name: 'xName', name: 'nameX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: ''
@ -238,47 +238,47 @@ export const widgetLinechart = {
name: 'nameColorX', name: 'nameColorX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff'
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '坐标字号', label: '坐标名字号',
name: 'nameFontSizeX', name: 'nameFontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: 14
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '数值颜色', label: '文字颜色',
name: 'Xcolor', name: 'colorX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '数值字号', label: '文字字号',
name: 'fontSizeX', name: 'fontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{ {
type: 'el-slider', type: 'el-input-number',
label: '数值角度', label: '文字间隔',
name: 'textAngle', name: 'textInterval',
required: false, required: false,
placeholder: '', placeholder: '',
value: 0 value: ''
}, },
{ {
type: 'el-input-number', type: 'el-slider',
label: '数值间隔', label: '文字角度',
name: 'textInterval', name: 'textAngleX',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: 0
}, },
{ {
type: 'el-switch', type: 'el-switch',
@ -343,8 +343,8 @@ export const widgetLinechart = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '坐标字号', label: '坐标名字号',
name: 'namefontSizeY', name: 'nameFontSizeY',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: 14,
@ -365,14 +365,6 @@ export const widgetLinechart = {
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'ytextAngle',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'el-switch', type: 'el-switch',
label: '缩放', label: '缩放',
@ -384,11 +376,19 @@ export const widgetLinechart = {
{ {
type: 'el-input-number', type: 'el-input-number',
label: '均分', label: '均分',
name: 'splitNumber', name: 'splitNumberY',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: ''
}, },
{
type: 'el-slider',
label: '数值角度',
name: 'textAngleY',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'el-switch', type: 'el-switch',
label: '轴反转', label: '轴反转',
@ -420,7 +420,7 @@ export const widgetLinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
} },
], ],
}, },
{ {

17
report-ui/src/views/bigscreenDesigner/designer/widget/bar/widgetBarStackChart.vue
Unescape Escape View File

@ -131,10 +131,10 @@ export default {
// 坐标轴是否显示 // 坐标轴是否显示
show: optionsSetup.hideX, show: optionsSetup.hideX,
// 坐标轴名称 // 坐标轴名称
name: optionsSetup.xName, name: optionsSetup.nameX,
nameTextStyle: { nameTextStyle: {
color: optionsSetup.xNameColor, color: optionsSetup.nameColorX,
fontSize: optionsSetup.xNameFontSize fontSize: optionsSetup.nameFontSizeX
}, },
// 轴反转 // 轴反转
inverse: optionsSetup.reversalX, inverse: optionsSetup.reversalX,
@ -146,7 +146,7 @@ export default {
rotate: optionsSetup.textAngleX, rotate: optionsSetup.textAngleX,
textStyle: { textStyle: {
// 坐标文字颜色 // 坐标文字颜色
color: optionsSetup.Xcolor, color: optionsSetup.colorX,
fontSize: optionsSetup.fontSizeX fontSize: optionsSetup.fontSizeX
} }
}, },
@ -170,15 +170,18 @@ export default {
const optionsSetup = this.optionsSetup; const optionsSetup = this.optionsSetup;
const yAxis = { const yAxis = {
type: "value", type: "value",
scale: optionsSetup.scale,
// 均分
splitNumber: optionsSetup.splitNumberY,
// 坐标轴是否显示 // 坐标轴是否显示
show: optionsSetup.isShowY, show: optionsSetup.isShowY,
// 坐标轴名称 // 坐标轴名称
name: optionsSetup.textNameY, name: optionsSetup.textNameY,
nameTextStyle: { nameTextStyle: {
color: optionsSetup.NameColorY, color: optionsSetup.nameColorY,
fontSize: optionsSetup.NameFontSizeY fontSize: optionsSetup.nameFontSizeY
}, },
// y轴反转 // 轴反转
inverse: optionsSetup.reversalY, inverse: optionsSetup.reversalY,
axisLabel: { axisLabel: {
show: true, show: true,

42
report-ui/src/views/bigscreenDesigner/designer/widget/bar/widgetBarchart.vue
Unescape Escape View File

@ -128,20 +128,25 @@ export default {
const optionsSetup = this.optionsSetup; const optionsSetup = this.optionsSetup;
const xAxis = { const xAxis = {
type: "category", type: "category",
show: optionsSetup.hideX, // 坐标轴是否显示 // 坐标轴是否显示
name: optionsSetup.xName, // 坐标轴名称 show: optionsSetup.hideX,
// 坐标轴名称
name: optionsSetup.nameX,
nameTextStyle: { nameTextStyle: {
color: optionsSetup.xNameColor, color: optionsSetup.nameColorX,
fontSize: optionsSetup.xNameFontSize fontSize: optionsSetup.nameFontSizeX
}, },
nameRotate: optionsSetup.textAngle, // 文字角度 // 轴反转
inverse: optionsSetup.reversalX, // 轴反转 inverse: optionsSetup.reversalX,
axisLabel: { axisLabel: {
show: true, show: true,
interval: optionsSetup.textInterval, // 文字角度 // 文字间隔
rotate: optionsSetup.textAngle, // 文字角度 interval: optionsSetup.textInterval,
// 文字角度
rotate: optionsSetup.textAngleX,
textStyle: { textStyle: {
color: optionsSetup.Xcolor, // x轴 坐标文字颜色 // 坐标文字颜色
color: optionsSetup.colorX,
fontSize: optionsSetup.fontSizeX fontSize: optionsSetup.fontSizeX
} }
}, },
@ -166,19 +171,25 @@ export default {
const yAxis = { const yAxis = {
type: "value", type: "value",
scale: optionsSetup.scale, scale: optionsSetup.scale,
splitNumber: optionsSetup.splitNumber,// 均分 // 均分
show: optionsSetup.isShowY, // 坐标轴是否显示 splitNumber: optionsSetup.splitNumberY,
name: optionsSetup.textNameY, // 坐标轴名称 // 坐标轴是否显示
show: optionsSetup.isShowY,
// 坐标轴名称
name: optionsSetup.textNameY,
nameTextStyle: { nameTextStyle: {
color: optionsSetup.nameColorY, color: optionsSetup.nameColorY,
fontSize: optionsSetup.nameFontSizeY fontSize: optionsSetup.nameFontSizeY
}, },
inverse: optionsSetup.reversalY, // 轴反转 // 轴反转
inverse: optionsSetup.reversalY,
axisLabel: { axisLabel: {
show: true, show: true,
rotate: optionsSetup.ytextAngle, // 文字角度 // 文字角度
rotate: optionsSetup.textAngleY,
textStyle: { textStyle: {
color: optionsSetup.colorY, // x轴 坐标文字颜色 // 坐标文字颜色
color: optionsSetup.colorY,
fontSize: optionsSetup.fontSizeY fontSize: optionsSetup.fontSizeY
} }
}, },
@ -195,7 +206,6 @@ export default {
} }
} }
}; };
this.options.yAxis = yAxis; this.options.yAxis = yAxis;
}, },
// 数值设定 or 柱体设置 // 数值设定 or 柱体设置

41
report-ui/src/views/bigscreenDesigner/designer/widget/bar/widgetGradientColorBarchart.vue
Unescape Escape View File

@ -198,20 +198,25 @@ export default {
const optionsSetup = this.optionsSetup; const optionsSetup = this.optionsSetup;
const xAxis = { const xAxis = {
type: "category", type: "category",
show: optionsSetup.hideX, // 坐标轴是否显示 // 坐标轴是否显示
name: optionsSetup.xName, // 坐标轴名称 show: optionsSetup.hideX,
// 坐标轴名称
name: optionsSetup.nameX,
nameTextStyle: { nameTextStyle: {
color: optionsSetup.nameColorX, color: optionsSetup.nameColorX,
fontSize: optionsSetup.nameFontSizeX fontSize: optionsSetup.nameFontSizeX
}, },
nameRotate: optionsSetup.textAngle, // 文字角度 // 轴反转
inverse: optionsSetup.reversalX, // 轴反转 inverse: optionsSetup.reversalX,
axisLabel: { axisLabel: {
show: true, show: true,
interval: optionsSetup.textInterval, // 文字间隔 // 文字间隔
rotate: optionsSetup.textAngle, // 文字角度 interval: optionsSetup.textInterval,
// 文字角度
rotate: optionsSetup.textAngleX,
textStyle: { textStyle: {
color: optionsSetup.Xcolor, // x轴 坐标文字颜色 // 坐标文字颜色
color: optionsSetup.colorX,
fontSize: optionsSetup.fontSizeX fontSize: optionsSetup.fontSizeX
} }
}, },
@ -236,19 +241,25 @@ export default {
const yAxis = { const yAxis = {
type: "value", type: "value",
scale: optionsSetup.scale, scale: optionsSetup.scale,
splitNumber: optionsSetup.splitNumber,// 均分 // 均分
show: optionsSetup.isShowY, // 坐标轴是否显示 splitNumber: optionsSetup.splitNumberY,
name: optionsSetup.textNameY, // 坐标轴名称 // 坐标轴是否显示
nameTextStyle: { // 别名 show: optionsSetup.isShowY,
// 坐标轴名称
name: optionsSetup.textNameY,
nameTextStyle: {
color: optionsSetup.nameColorY, color: optionsSetup.nameColorY,
fontSize: optionsSetup.namefontSizeY fontSize: optionsSetup.nameFontSizeY
}, },
inverse: optionsSetup.reversalY, // 轴反转 // 轴反转
inverse: optionsSetup.reversalY,
axisLabel: { axisLabel: {
show: true, show: true,
rotate: optionsSetup.ytextAngle, // 文字角度 // 文字角度
rotate: optionsSetup.textAngleY,
textStyle: { textStyle: {
color: optionsSetup.colorY, // y轴 坐标文字颜色 // 坐标文字颜色
color: optionsSetup.colorY,
fontSize: optionsSetup.fontSizeY fontSize: optionsSetup.fontSizeY
} }
}, },

23
report-ui/src/views/bigscreenDesigner/designer/widget/line/widgetLineStackChart.vue
Unescape Escape View File

@ -131,10 +131,10 @@ export default {
// 坐标轴是否显示 // 坐标轴是否显示
show: optionsSetup.hideX, show: optionsSetup.hideX,
// 坐标轴名称 // 坐标轴名称
name: optionsSetup.xName, name: optionsSetup.nameX,
nameTextStyle: { nameTextStyle: {
color: optionsSetup.xNameColor, color: optionsSetup.nameColorX,
fontSize: optionsSetup.xNameFontSize fontSize: optionsSetup.nameFontSizeX
}, },
// 轴反转 // 轴反转
inverse: optionsSetup.reversalX, inverse: optionsSetup.reversalX,
@ -146,7 +146,7 @@ export default {
rotate: optionsSetup.textAngleX, rotate: optionsSetup.textAngleX,
textStyle: { textStyle: {
// 坐标文字颜色 // 坐标文字颜色
color: optionsSetup.Xcolor, color: optionsSetup.colorX,
fontSize: optionsSetup.fontSizeX fontSize: optionsSetup.fontSizeX
} }
}, },
@ -170,22 +170,25 @@ export default {
const optionsSetup = this.optionsSetup; const optionsSetup = this.optionsSetup;
const yAxis = { const yAxis = {
type: "value", type: "value",
scale: optionsSetup.scale,
// 均分
splitNumber: optionsSetup.splitNumberY,
// 坐标轴是否显示 // 坐标轴是否显示
show: optionsSetup.isShowY, show: optionsSetup.isShowY,
// 坐标轴名称 // 坐标轴名称
name: optionsSetup.textNameY, name: optionsSetup.textNameY,
nameTextStyle: { nameTextStyle: {
color: optionsSetup.NameColorY, color: optionsSetup.nameColorY,
fontSize: optionsSetup.NameFontSizeY fontSize: optionsSetup.nameFontSizeY
}, },
// y轴反转 // 轴反转
inverse: optionsSetup.reversalY, inverse: optionsSetup.reversalY,
axisLabel: { axisLabel: {
show: true, show: true,
// 文字角度 // 文字角度
rotate: optionsSetup.textAngleY, rotate: optionsSetup.textAngleY,
textStyle: { textStyle: {
// y轴 坐标文字颜色 // 坐标文字颜色
color: optionsSetup.colorY, color: optionsSetup.colorY,
fontSize: optionsSetup.fontSizeY fontSize: optionsSetup.fontSizeY
} }
@ -262,7 +265,7 @@ export default {
legend.itemWidth = optionsSetup.legendWidth; legend.itemWidth = optionsSetup.legendWidth;
}, },
// 图例名称设置 // 图例名称设置
setOptionsLegendName(name){ setOptionsLegendName(name) {
const optionsSetup = this.optionsSetup; const optionsSetup = this.optionsSetup;
const series = this.options.series; const series = this.options.series;
const legendName = optionsSetup.legendName; const legendName = optionsSetup.legendName;
@ -272,7 +275,7 @@ export default {
series[i].name = name[i]; series[i].name = name[i];
} }
this.options.legend['data'] = name; this.options.legend['data'] = name;
}else { } else {
const arr = legendName.split('|'); const arr = legendName.split('|');
for (let i = 0; i < arr.length; i++) { for (let i = 0; i < arr.length; i++) {
series[i].name = arr[i]; series[i].name = arr[i];

41
report-ui/src/views/bigscreenDesigner/designer/widget/line/widgetLinechart.vue
Unescape Escape View File

@ -134,20 +134,25 @@ export default {
const optionsSetup = this.optionsSetup; const optionsSetup = this.optionsSetup;
const xAxis = { const xAxis = {
type: "category", type: "category",
show: optionsSetup.hideX, // 坐标轴是否显示 // 坐标轴是否显示
name: optionsSetup.xName, // 坐标轴名称 show: optionsSetup.hideX,
// 坐标轴名称
name: optionsSetup.nameX,
nameTextStyle: { nameTextStyle: {
color: optionsSetup.nameColorX, color: optionsSetup.nameColorX,
fontSize: optionsSetup.nameFontSizeX fontSize: optionsSetup.nameFontSizeX
}, },
nameRotate: optionsSetup.textAngle, // 文字角度 // 轴反转
inverse: optionsSetup.reversalX, // 轴反转 inverse: optionsSetup.reversalX,
axisLabel: { axisLabel: {
show: true, show: true,
interval: optionsSetup.textInterval, // 文字间隔 // 文字间隔
rotate: optionsSetup.textAngle, // 文字角度 interval: optionsSetup.textInterval,
// 文字角度
rotate: optionsSetup.textAngleX,
textStyle: { textStyle: {
color: optionsSetup.Xcolor, // x轴 坐标文字颜色 // 坐标文字颜色
color: optionsSetup.colorX,
fontSize: optionsSetup.fontSizeX fontSize: optionsSetup.fontSizeX
} }
}, },
@ -172,19 +177,25 @@ export default {
const yAxis = { const yAxis = {
type: "value", type: "value",
scale: optionsSetup.scale, scale: optionsSetup.scale,
splitNumber: optionsSetup.splitNumber,// 均分 // 均分
show: optionsSetup.isShowY, // 坐标轴是否显示 splitNumber: optionsSetup.splitNumberY,
name: optionsSetup.textNameY, // 坐标轴名称 // 坐标轴是否显示
nameTextStyle: { // 别名 show: optionsSetup.isShowY,
// 坐标轴名称
name: optionsSetup.textNameY,
nameTextStyle: {
color: optionsSetup.nameColorY, color: optionsSetup.nameColorY,
fontSize: optionsSetup.namefontSizeY fontSize: optionsSetup.nameFontSizeY
}, },
inverse: optionsSetup.reversalY, // 轴反转 // 轴反转
inverse: optionsSetup.reversalY,
axisLabel: { axisLabel: {
show: true, show: true,
rotate: optionsSetup.ytextAngle, // 文字角度 // 文字角度
rotate: optionsSetup.textAngleY,
textStyle: { textStyle: {
color: optionsSetup.colorY, // y轴 坐标文字颜色 // 坐标文字颜色
color: optionsSetup.colorY,
fontSize: optionsSetup.fontSizeY fontSize: optionsSetup.fontSizeY
} }
}, },

Write Preview
Loading…
Cancel
Save