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 9a81554047
commit d54f56ad80
11 changed files with 418 additions and 120 deletions
Show Stats Download Patch File Download Diff File

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

@ -268,7 +268,7 @@ export const widgetBarCompare = {
list: [ list: [
{ {
type: 'el-switch', type: 'el-switch',
label: '显示', label: '数值显示',
name: 'hideXLeft', name: 'hideXLeft',
required: false, required: false,
placeholder: '', placeholder: '',
@ -285,7 +285,7 @@ export const widgetBarCompare = {
{ {
type: 'vue-color', type: 'vue-color',
label: '数值颜色', label: '数值颜色',
name: 'XcolorLeft', name: 'colorXLeft',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
@ -298,9 +298,21 @@ export const widgetBarCompare = {
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{
type: 'el-select',
label: '数值位置',
name: 'positionXLeft',
required: false,
placeholder: '',
selectOptions: [
{ code: 'bottom', name: '底部' },
{ code: 'top', name: '顶部' },
],
value: 'bottom'
},
{ {
type: 'el-switch', type: 'el-switch',
label: '刻度线', label: '刻度线显示',
name: 'tickLineLeft', name: 'tickLineLeft',
require: false, require: false,
placeholder: '', placeholder: '',
@ -308,15 +320,15 @@ export const widgetBarCompare = {
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: 'X轴线', label: '坐标轴显示',
name: 'xLineLeft', name: 'lineXLeft',
require: false, require: false,
placeholder: '', placeholder: '',
value: false, value: false,
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '坐标轴颜色',
name: 'lineColorXLeft', name: 'lineColorXLeft',
required: false, required: false,
placeholder: '', placeholder: '',
@ -324,8 +336,8 @@ export const widgetBarCompare = {
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: '竖分割线', label: '分割线显示',
name: 'SplitLineLeft', name: 'isShowSplitLineLeft',
require: false, require: false,
placeholder: '', placeholder: '',
value: false, value: false,
@ -333,7 +345,7 @@ export const widgetBarCompare = {
{ {
type: 'vue-color', type: 'vue-color',
label: '分割线颜色', label: '分割线颜色',
name: 'SplitLineColorLeft', name: 'splitLineColorLeft',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
@ -341,19 +353,35 @@ export const widgetBarCompare = {
{ {
type: 'el-input-number', type: 'el-input-number',
label: '分割线宽度', label: '分割线宽度',
name: 'SplitLinefontSizeLeft', name: 'splitLineFontWidthLeft',
required: false, required: false,
placeholder: '', placeholder: '',
value: 1, value: 1,
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: '边框线', label: '边框线显示',
name: 'frameLineLeft', name: 'frameLineLeft',
require: false, require: false,
placeholder: '', placeholder: '',
value: false, value: false,
}, },
{
type: 'vue-color',
label: '边框线颜色',
name: 'borderColorLeft',
required: false,
placeholder: '',
value: '#fff',
},
{
type: 'el-input-number',
label: '边框线宽度',
name: 'borderWidthLeft',
required: false,
placeholder: '',
value: 1,
},
], ],
}, },
{ {
@ -361,7 +389,7 @@ export const widgetBarCompare = {
list: [ list: [
{ {
type: 'el-switch', type: 'el-switch',
label: '显示', label: '数值显示',
name: 'hideXRight', name: 'hideXRight',
required: false, required: false,
placeholder: '', placeholder: '',
@ -378,7 +406,7 @@ export const widgetBarCompare = {
{ {
type: 'vue-color', type: 'vue-color',
label: '数值颜色', label: '数值颜色',
name: 'XcolorRight', name: 'colorXRight',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
@ -391,9 +419,21 @@ export const widgetBarCompare = {
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{
type: 'el-select',
label: '数值位置',
name: 'positionXRight',
required: false,
placeholder: '',
selectOptions: [
{ code: 'bottom', name: '底部' },
{ code: 'top', name: '顶部' },
],
value: 'bottom'
},
{ {
type: 'el-switch', type: 'el-switch',
label: '刻度线', label: '刻度线显示',
name: 'tickLineRight', name: 'tickLineRight',
require: false, require: false,
placeholder: '', placeholder: '',
@ -401,15 +441,15 @@ export const widgetBarCompare = {
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: 'X轴线', label: '坐标轴显示',
name: 'xLineRight', name: 'lineXRight',
require: false, require: false,
placeholder: '', placeholder: '',
value: false, value: false,
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '坐标轴颜色',
name: 'lineColorXRight', name: 'lineColorXRight',
required: false, required: false,
placeholder: '', placeholder: '',
@ -417,8 +457,8 @@ export const widgetBarCompare = {
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: '竖分割线', label: '分割线显示',
name: 'SplitLineRight', name: 'isShowSplitLineRight',
require: false, require: false,
placeholder: '', placeholder: '',
value: false, value: false,
@ -426,7 +466,7 @@ export const widgetBarCompare = {
{ {
type: 'vue-color', type: 'vue-color',
label: '分割线颜色', label: '分割线颜色',
name: 'SplitLineColorRight', name: 'splitLineColorRight',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
@ -434,19 +474,35 @@ export const widgetBarCompare = {
{ {
type: 'el-input-number', type: 'el-input-number',
label: '分割线宽度', label: '分割线宽度',
name: 'SplitLinefontSizeRight', name: 'splitLineFontWidthRight',
required: false, required: false,
placeholder: '', placeholder: '',
value: 1, value: 1,
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: '边框线', label: '边框线显示',
name: 'frameLineRight', name: 'frameLineRight',
require: false, require: false,
placeholder: '', placeholder: '',
value: false, value: false,
}, },
{
type: 'vue-color',
label: '边框线颜色',
name: 'borderColorRight',
required: false,
placeholder: '',
value: '#fff',
},
{
type: 'el-input-number',
label: '边框线宽度',
name: 'borderWidthRight',
required: false,
placeholder: '',
value: 1,
},
], ],
}, },
{ {
@ -454,7 +510,7 @@ export const widgetBarCompare = {
list: [ list: [
{ {
type: 'el-switch', type: 'el-switch',
label: '显示', label: '数值显示',
name: 'hideY', name: 'hideY',
required: false, required: false,
placeholder: '', placeholder: '',
@ -478,20 +534,20 @@ export const widgetBarCompare = {
}, },
{ {
type: 'el-select', type: 'el-select',
label: '数值对齐', label: '数值位置',
name: 'textAlign', name: 'textAlignY',
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'
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: '刻度线', label: '刻度线显示',
name: 'tickLineY', name: 'tickLineY',
require: false, require: false,
placeholder: '', placeholder: '',
@ -499,7 +555,7 @@ export const widgetBarCompare = {
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: 'Y轴线', label: '坐标轴显示',
name: 'lineY', name: 'lineY',
require: false, require: false,
placeholder: '', placeholder: '',
@ -507,7 +563,7 @@ export const widgetBarCompare = {
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '坐标轴颜色',
name: 'lineColorY', name: 'lineColorY',
required: false, required: false,
placeholder: '', placeholder: '',

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

@ -242,7 +242,7 @@ export const widgetBarchart = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '文字字号', label: '数值字号',
name: 'fontSizeX', name: 'fontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
@ -250,7 +250,7 @@ export const widgetBarchart = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '文字间隔', label: '数值间隔',
name: 'textInterval', name: 'textInterval',
required: false, required: false,
placeholder: '', placeholder: '',
@ -258,7 +258,7 @@ export const widgetBarchart = {
}, },
{ {
type: 'el-slider', type: 'el-slider',
label: '文字角度', label: '数值角度',
name: 'textAngleX', name: 'textAngleX',
required: false, required: false,
placeholder: '', placeholder: '',

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

@ -398,11 +398,11 @@ export const widgetBarLineStack = {
], ],
}, },
{ {
name: 'Y轴设置', name: '左Y轴设置',
list: [ list: [
{ {
type: 'el-switch', type: 'el-switch',
label: '左显示', label: '显示',
name: 'isShowYLeft', name: 'isShowYLeft',
require: false, require: false,
placeholder: '', placeholder: '',
@ -464,14 +464,38 @@ export const widgetBarLineStack = {
placeholder: '', placeholder: '',
value: 0 value: 0
}, },
{
type: 'el-switch',
label: '刻度线显示',
name: 'tickLineYLeft',
require: false,
placeholder: '',
value: true,
},
{
type: 'el-switch',
label: '坐标轴显示',
name: 'lineYLeft',
require: false,
placeholder: '',
value: true,
},
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '坐标轴颜色',
name: 'lineColorYLeft', name: 'lineColorYLeft',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{
type: 'el-input-number',
label: '坐标轴宽度',
name: 'lineWidthYLeft',
required: false,
placeholder: '',
value: 1,
},
{ {
type: 'el-switch', type: 'el-switch',
label: '分割线显示', label: '分割线显示',
@ -488,9 +512,22 @@ export const widgetBarLineStack = {
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{
type: 'el-input-number',
label: '分割线宽度',
name: 'splitLineFontWidthYLeft',
required: false,
placeholder: '',
value: 1,
},
],
},
{
name: '右Y轴设置',
list: [
{ {
type: 'el-switch', type: 'el-switch',
label: '右显示', label: '显示',
name: 'isShowYRight', name: 'isShowYRight',
require: false, require: false,
placeholder: '', placeholder: '',
@ -551,14 +588,38 @@ export const widgetBarLineStack = {
placeholder: '', placeholder: '',
value: 0 value: 0
}, },
{
type: 'el-switch',
label: '刻度线显示',
name: 'tickLineYRight',
require: false,
placeholder: '',
value: true,
},
{
type: 'el-switch',
label: '坐标轴显示',
name: 'lineYRight',
require: false,
placeholder: '',
value: true,
},
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '坐标轴颜色',
name: 'lineColorYRight', name: 'lineColorYRight',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{
type: 'el-input-number',
label: '坐标轴宽度',
name: 'lineWidthYRight',
required: false,
placeholder: '',
value: 1,
},
{ {
type: 'el-switch', type: 'el-switch',
label: '分割线显示', label: '分割线显示',
@ -575,6 +636,14 @@ export const widgetBarLineStack = {
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{
type: 'el-input-number',
label: '分割线宽度',
name: 'splitLineFontWidthYRight',
required: false,
placeholder: '',
value: 1,
},
], ],
}, },
{ {

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

@ -426,11 +426,11 @@ export const widgetBarlinechart = {
], ],
}, },
{ {
name: 'Y轴设置', name: '左Y轴设置',
list: [ list: [
{ {
type: 'el-switch', type: 'el-switch',
label: '左显示', label: '显示',
name: 'isShowYLeft', name: 'isShowYLeft',
require: false, require: false,
placeholder: '', placeholder: '',
@ -492,14 +492,38 @@ export const widgetBarlinechart = {
placeholder: '', placeholder: '',
value: 0 value: 0
}, },
{
type: 'el-switch',
label: '刻度线显示',
name: 'tickLineYLeft',
require: false,
placeholder: '',
value: true,
},
{
type: 'el-switch',
label: '坐标轴显示',
name: 'lineYLeft',
require: false,
placeholder: '',
value: true,
},
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '坐标轴颜色',
name: 'lineColorYLeft', name: 'lineColorYLeft',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{
type: 'el-input-number',
label: '坐标轴宽度',
name: 'lineWidthYLeft',
required: false,
placeholder: '',
value: 1,
},
{ {
type: 'el-switch', type: 'el-switch',
label: '分割线显示', label: '分割线显示',
@ -516,9 +540,22 @@ export const widgetBarlinechart = {
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{
type: 'el-input-number',
label: '分割线宽度',
name: 'splitLineFontWidthYLeft',
required: false,
placeholder: '',
value: 1,
},
],
},
{
name: '右Y轴设置',
list: [
{ {
type: 'el-switch', type: 'el-switch',
label: '右显示', label: '显示',
name: 'isShowYRight', name: 'isShowYRight',
require: false, require: false,
placeholder: '', placeholder: '',
@ -579,14 +616,38 @@ export const widgetBarlinechart = {
placeholder: '', placeholder: '',
value: 0 value: 0
}, },
{
type: 'el-switch',
label: '刻度线显示',
name: 'tickLineYRight',
require: false,
placeholder: '',
value: true,
},
{
type: 'el-switch',
label: '坐标轴显示',
name: 'lineYRight',
require: false,
placeholder: '',
value: true,
},
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '坐标轴颜色',
name: 'lineColorYRight', name: 'lineColorYRight',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{
type: 'el-input-number',
label: '坐标轴宽度',
name: 'lineWidthYRight',
required: false,
placeholder: '',
value: 1,
},
{ {
type: 'el-switch', type: 'el-switch',
label: '分割线显示', label: '分割线显示',
@ -603,6 +664,14 @@ export const widgetBarlinechart = {
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{
type: 'el-input-number',
label: '分割线宽度',
name: 'splitLineFontWidthYRight',
required: false,
placeholder: '',
value: 1,
},
], ],
}, },
{ {

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

@ -418,11 +418,11 @@ export const widgetMoreBarLine = {
], ],
}, },
{ {
name: 'Y轴设置', name: '左Y轴设置',
list: [ list: [
{ {
type: 'el-switch', type: 'el-switch',
label: '左显示', label: '显示',
name: 'isShowYLeft', name: 'isShowYLeft',
require: false, require: false,
placeholder: '', placeholder: '',
@ -484,14 +484,38 @@ export const widgetMoreBarLine = {
placeholder: '', placeholder: '',
value: 0 value: 0
}, },
{
type: 'el-switch',
label: '刻度线显示',
name: 'tickLineYLeft',
require: false,
placeholder: '',
value: true,
},
{
type: 'el-switch',
label: '坐标轴显示',
name: 'lineYLeft',
require: false,
placeholder: '',
value: true,
},
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '坐标轴颜色',
name: 'lineColorYLeft', name: 'lineColorYLeft',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{
type: 'el-input-number',
label: '坐标轴宽度',
name: 'lineWidthYLeft',
required: false,
placeholder: '',
value: 1,
},
{ {
type: 'el-switch', type: 'el-switch',
label: '分割线显示', label: '分割线显示',
@ -508,9 +532,22 @@ export const widgetMoreBarLine = {
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{
type: 'el-input-number',
label: '分割线宽度',
name: 'splitLineFontWidthYLeft',
required: false,
placeholder: '',
value: 1,
},
],
},
{
name: '右Y轴设置',
list: [
{ {
type: 'el-switch', type: 'el-switch',
label: '右显示', label: '显示',
name: 'isShowYRight', name: 'isShowYRight',
require: false, require: false,
placeholder: '', placeholder: '',
@ -571,14 +608,38 @@ export const widgetMoreBarLine = {
placeholder: '', placeholder: '',
value: 0 value: 0
}, },
{
type: 'el-switch',
label: '刻度线显示',
name: 'tickLineYRight',
require: false,
placeholder: '',
value: true,
},
{
type: 'el-switch',
label: '坐标轴显示',
name: 'lineYRight',
require: false,
placeholder: '',
value: true,
},
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '坐标轴颜色',
name: 'lineColorYRight', name: 'lineColorYRight',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{
type: 'el-input-number',
label: '坐标轴宽度',
name: 'lineWidthYRight',
required: false,
placeholder: '',
value: 1,
},
{ {
type: 'el-switch', type: 'el-switch',
label: '分割线显示', label: '分割线显示',
@ -595,6 +656,14 @@ export const widgetMoreBarLine = {
placeholder: '', placeholder: '',
value: '#fff', value: '#fff',
}, },
{
type: 'el-input-number',
label: '分割线宽度',
name: 'splitLineFontWidthYRight',
required: false,
placeholder: '',
value: 1,
},
], ],
}, },
{ {

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

@ -81,7 +81,7 @@ export const widgetLineCompare = {
name: 'lineWidth', name: 'lineWidth',
required: false, required: false,
placeholder: '', placeholder: '',
value: 2, value: 10,
}, },
], ],
}, },
@ -324,7 +324,7 @@ export const widgetLineCompare = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '坐标字号', label: '坐标名字号',
name: 'nameFontSizeX', name: 'nameFontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
@ -364,7 +364,7 @@ export const widgetLineCompare = {
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: '刻度线', label: '刻度线显示',
name: 'tickLineX', name: 'tickLineX',
require: false, require: false,
placeholder: '', placeholder: '',
@ -372,7 +372,7 @@ export const widgetLineCompare = {
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: 'X轴线', label: '坐标轴显示',
name: 'lineX', name: 'lineX',
require: false, require: false,
placeholder: '', placeholder: '',
@ -380,7 +380,7 @@ export const widgetLineCompare = {
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '坐标轴颜色',
name: 'lineColorX', name: 'lineColorX',
required: false, required: false,
placeholder: '', placeholder: '',
@ -416,47 +416,47 @@ export const widgetLineCompare = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '坐标字号', label: '坐标名字号',
name: 'namefontSizeYTop', name: 'nameFontSizeYTop',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{ {
type: 'el-switch', type: 'vue-color',
label: '缩放', label: '数值颜色',
name: 'scaleYTop', name: 'colorYTop',
required: false, required: false,
placeholder: '', placeholder: '',
value: false, value: '#fff',
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '数值切分', label: '数值字号',
name: 'splitNumberYTop', name: 'fontSizeYTop',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: 14,
}, },
{ {
type: 'vue-color', type: 'el-switch',
label: '数值颜色', label: '缩放',
name: 'colorYTop', name: 'scaleYTop',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: false,
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '数值字号', label: '均分',
name: 'fontSizeYTop', name: 'splitNumberYTop',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: ''
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: '刻度线', label: '刻度线显示',
name: 'tickLineYTop', name: 'tickLineYTop',
require: false, require: false,
placeholder: '', placeholder: '',
@ -464,7 +464,7 @@ export const widgetLineCompare = {
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: 'y轴线', label: '坐标轴显示',
name: 'lineYTop', name: 'lineYTop',
require: false, require: false,
placeholder: '', placeholder: '',
@ -472,7 +472,7 @@ export const widgetLineCompare = {
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '坐标轴颜色',
name: 'lineColorYTop', name: 'lineColorYTop',
required: false, required: false,
placeholder: '', placeholder: '',
@ -480,7 +480,7 @@ export const widgetLineCompare = {
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: '分割线', label: '分割线显示',
name: 'splitLineYTop', name: 'splitLineYTop',
require: false, require: false,
placeholder: '', placeholder: '',
@ -497,7 +497,7 @@ export const widgetLineCompare = {
{ {
type: 'el-input-number', type: 'el-input-number',
label: '分割线宽度', label: '分割线宽度',
name: 'splitLinefontSizeYTop', name: 'splitLineFontWidthYTop',
required: false, required: false,
placeholder: '', placeholder: '',
value: 1, value: 1,
@ -532,47 +532,47 @@ export const widgetLineCompare = {
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '坐标字号', label: '坐标名字号',
name: 'namefontSizeYBottom', name: 'nameFontSizeYBottom',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: 14,
}, },
{ {
type: 'el-switch', type: 'vue-color',
label: '缩放', label: '数值颜色',
name: 'scaleYBottom', name: 'colorYBottom',
required: false, required: false,
placeholder: '', placeholder: '',
value: false, value: '#fff',
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '数值切分', label: '数值字号',
name: 'splitNumberYBottom', name: 'fontSizeYBottom',
required: false, required: false,
placeholder: '', placeholder: '',
value: '' value: 14,
}, },
{ {
type: 'vue-color', type: 'el-switch',
label: '数值颜色', label: '缩放',
name: 'colorYBottom', name: 'scaleYBottom',
required: false, required: false,
placeholder: '', placeholder: '',
value: '#fff', value: false,
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '数值字号', label: '均分',
name: 'fontSizeYBottom', name: 'splitNumberYBottom',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: ''
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: '刻度线', label: '刻度线显示',
name: 'tickLineYBottom', name: 'tickLineYBottom',
require: false, require: false,
placeholder: '', placeholder: '',
@ -580,7 +580,7 @@ export const widgetLineCompare = {
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: 'y轴线', label: '坐标轴显示',
name: 'lineYBottom', name: 'lineYBottom',
require: false, require: false,
placeholder: '', placeholder: '',
@ -588,7 +588,7 @@ export const widgetLineCompare = {
}, },
{ {
type: 'vue-color', type: 'vue-color',
label: '轴颜色', label: '坐标轴颜色',
name: 'lineColorYBottom', name: 'lineColorYBottom',
required: false, required: false,
placeholder: '', placeholder: '',
@ -596,7 +596,7 @@ export const widgetLineCompare = {
}, },
{ {
type: 'el-switch', type: 'el-switch',
label: '分割线', label: '分割线显示',
name: 'splitLineYBottom', name: 'splitLineYBottom',
require: false, require: false,
placeholder: '', placeholder: '',
@ -613,7 +613,7 @@ export const widgetLineCompare = {
{ {
type: 'el-input-number', type: 'el-input-number',
label: '分割线宽度', label: '分割线宽度',
name: 'splitLinefontSizeYBottom', name: 'splitLineFontWidthYBottom',
required: false, required: false,
placeholder: '', placeholder: '',
value: 1, value: 1,

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

@ -314,8 +314,9 @@ export default {
type: 'value', type: 'value',
show : optionsSetup.hideXLeft, show : optionsSetup.hideXLeft,
inverse: true, inverse: true,
axisLine: {//X轴线 //X轴线
show: optionsSetup.xLineLeft, axisLine: {
show: optionsSetup.lineXLeft,
lineStyle: { lineStyle: {
color: optionsSetup.lineColorXLeft, color: optionsSetup.lineColorXLeft,
}, },
@ -323,19 +324,19 @@ export default {
axisTick: { axisTick: {
show: optionsSetup.tickLineLeft, show: optionsSetup.tickLineLeft,
}, },
position: 'bottom', position: optionsSetup.positionXLeft,
axisLabel: { // x轴 axisLabel: { // x轴
show: true, show: true,
textStyle: { textStyle: {
color: optionsSetup.XcolorLeft, color: optionsSetup.colorXLeft,
fontSize: optionsSetup.fontSizeXLeft fontSize: optionsSetup.fontSizeXLeft
} }
}, },
splitLine: { // 分割线 splitLine: { // 分割线
show: optionsSetup.SplitLineLeft, show: optionsSetup.isShowSplitLineLeft,
lineStyle: { lineStyle: {
color: optionsSetup.SplitLineColorLeft, color: optionsSetup.splitLineColorLeft,
width: optionsSetup.SplitLinefontSizeLeft, width: optionsSetup.splitLineFontWidthLeft,
type: 'solid' type: 'solid'
} }
} }
@ -351,7 +352,7 @@ export default {
show : optionsSetup.hideXRight, show : optionsSetup.hideXRight,
type: 'value', type: 'value',
axisLine: {//X轴线 axisLine: {//X轴线
show: optionsSetup.xLineRight, show: optionsSetup.lineXRight,
lineStyle: { lineStyle: {
color: optionsSetup.lineColorXRight, color: optionsSetup.lineColorXRight,
}, },
@ -359,19 +360,19 @@ export default {
axisTick: { axisTick: {
show: optionsSetup.tickLineRight, show: optionsSetup.tickLineRight,
}, },
position: 'bottom', position: optionsSetup.positionXRight,
axisLabel: { // x轴 axisLabel: { // x轴
show: true, show: true,
textStyle: { textStyle: {
color: optionsSetup.XcolorRight, color: optionsSetup.colorXRight,
fontSize: optionsSetup.fontSizeXRight fontSize: optionsSetup.fontSizeXRight
} }
}, },
splitLine: { // 分割线 splitLine: { // 分割线
show: optionsSetup.SplitLineRight, show: optionsSetup.isShowSplitLineRight,
lineStyle: { lineStyle: {
color: optionsSetup.SplitLineColorRight, color: optionsSetup.splitLineColorRight,
width: optionsSetup.SplitLinefontSizeRight, width: optionsSetup.splitLineFontWidthRight,
type: 'solid' type: 'solid'
} }
} }
@ -393,7 +394,7 @@ export default {
const axisLabel = { const axisLabel = {
show: optionsSetup.hideY, show: optionsSetup.hideY,
textStyle: { textStyle: {
align: optionsSetup.textAlign, align: optionsSetup.textAlignY,
color: optionsSetup.colorY, color: optionsSetup.colorY,
fontSize: optionsSetup.fontSizeY, fontSize: optionsSetup.fontSizeY,
} }
@ -461,6 +462,8 @@ export default {
const grid = [ const grid = [
{//左 {//左
show: optionsSetup.frameLineLeft, show: optionsSetup.frameLineLeft,
borderColor: optionsSetup.borderColorLeft,
borderWidth: optionsSetup.borderWidthLeft,
left: optionsSetup.marginLeftRight, left: optionsSetup.marginLeftRight,
top: optionsSetup.marginTop, top: optionsSetup.marginTop,
bottom: optionsSetup.marginBottom, bottom: optionsSetup.marginBottom,
@ -476,6 +479,8 @@ export default {
}, },
{//右 {//右
show: optionsSetup.frameLineRight, show: optionsSetup.frameLineRight,
borderColor: optionsSetup.borderColorRight,
borderWidth: optionsSetup.borderWidthRight,
right: optionsSetup.marginLeftRight, right: optionsSetup.marginLeftRight,
top: optionsSetup.marginTop, top: optionsSetup.marginTop,
bottom: optionsSetup.marginBottom, bottom: optionsSetup.marginBottom,

14
report-ui/src/views/bigscreenDesigner/designer/widget/barline/widgetBarLineStackChart.vue
Unescape Escape View File

@ -227,16 +227,21 @@ export default {
fontSize: optionsSetup.fontSizeYLeft fontSize: optionsSetup.fontSizeYLeft
} }
}, },
axisTick: { // 刻度
show: optionsSetup.tickLineYLeft,
},
axisLine: { axisLine: {
show: true, show: optionsSetup.lineYLeft,
lineStyle: { lineStyle: {
color: optionsSetup.lineColorYLeft, color: optionsSetup.lineColorYLeft,
width: optionsSetup.lineWidthYLeft,
} }
}, },
splitLine: { splitLine: {
show: optionsSetup.isShowSplitLineYLeft, show: optionsSetup.isShowSplitLineYLeft,
lineStyle: { lineStyle: {
color: optionsSetup.splitLineColorYLeft, color: optionsSetup.splitLineColorYLeft,
width: optionsSetup.splitLineFontWidthYLeft,
} }
} }
}, },
@ -263,9 +268,13 @@ export default {
fontSize: optionsSetup.fontSizeYRight fontSize: optionsSetup.fontSizeYRight
} }
}, },
axisTick: { // 刻度
show: optionsSetup.tickLineYRight,
},
axisLine: { axisLine: {
show: true, show: optionsSetup.lineYRight,
lineStyle: { lineStyle: {
width: optionsSetup.lineWidthYRight,
color: optionsSetup.lineColorYRight, color: optionsSetup.lineColorYRight,
} }
}, },
@ -273,6 +282,7 @@ export default {
show: optionsSetup.isShowSplitLineYRight, show: optionsSetup.isShowSplitLineYRight,
lineStyle: { lineStyle: {
color: optionsSetup.splitLineColorYRight, color: optionsSetup.splitLineColorYRight,
width: optionsSetup.splitLineFontWidthYRight,
} }
} }
} }

14
report-ui/src/views/bigscreenDesigner/designer/widget/barline/widgetBarlinechart.vue
Unescape Escape View File

@ -233,9 +233,13 @@ export default {
fontSize: optionsSetup.fontSizeYLeft fontSize: optionsSetup.fontSizeYLeft
} }
}, },
axisTick: { // 刻度
show: optionsSetup.tickLineYLeft,
},
axisLine: { axisLine: {
show: true, show: optionsSetup.lineYLeft,
lineStyle: { lineStyle: {
width: optionsSetup.lineWidthYLeft,
color: optionsSetup.lineColorYLeft, color: optionsSetup.lineColorYLeft,
} }
}, },
@ -243,6 +247,7 @@ export default {
show: optionsSetup.isShowSplitLineYLeft, show: optionsSetup.isShowSplitLineYLeft,
lineStyle: { lineStyle: {
color: optionsSetup.splitLineColorYLeft, color: optionsSetup.splitLineColorYLeft,
width: optionsSetup.splitLineFontWidthYLeft,
} }
} }
}, },
@ -269,9 +274,13 @@ export default {
fontSize: optionsSetup.fontSizeYRight fontSize: optionsSetup.fontSizeYRight
} }
}, },
axisTick: { // 刻度
show: optionsSetup.tickLineYRight,
},
axisLine: { axisLine: {
show: true, show: optionsSetup.lineYRight,
lineStyle: { lineStyle: {
width: optionsSetup.lineWidthYRight,
color: optionsSetup.lineColorYRight, color: optionsSetup.lineColorYRight,
} }
}, },
@ -279,6 +288,7 @@ export default {
show: optionsSetup.isShowSplitLineYRight, show: optionsSetup.isShowSplitLineYRight,
lineStyle: { lineStyle: {
color: optionsSetup.splitLineColorYRight, color: optionsSetup.splitLineColorYRight,
width: optionsSetup.splitLineFontWidthYRight,
} }
} }
} }

16
report-ui/src/views/bigscreenDesigner/designer/widget/barline/widgetMoreBarLineChart.vue
Unescape Escape View File

@ -307,9 +307,13 @@ export default {
fontSize: optionsSetup.fontSizeYLeft fontSize: optionsSetup.fontSizeYLeft
} }
}, },
axisTick: { // 刻度
show: optionsSetup.tickLineYLeft,
},
axisLine: { axisLine: {
show: true, show: optionsSetup.lineYLeft,
lineStyle: { lineStyle: {
width: optionsSetup.lineWidthYLeft,
color: optionsSetup.lineColorYLeft color: optionsSetup.lineColorYLeft
} }
}, },
@ -317,6 +321,7 @@ export default {
show: optionsSetup.isShowSplitLineYLeft, show: optionsSetup.isShowSplitLineYLeft,
lineStyle: { lineStyle: {
color: optionsSetup.splitLineColorYLeft, color: optionsSetup.splitLineColorYLeft,
width: optionsSetup.splitLineFontWidthYLeft,
} }
} }
}, },
@ -343,16 +348,21 @@ export default {
fontSize: optionsSetup.fontSizeYRight fontSize: optionsSetup.fontSizeYRight
} }
}, },
axisTick: { // 刻度
show: optionsSetup.tickLineYRight,
},
axisLine: { axisLine: {
show: true, show: optionsSetup.lineYRight,
lineStyle: { lineStyle: {
color: optionsSetup.lineColorYRight width: optionsSetup.lineWidthYRight,
color: optionsSetup.lineColorYRight,
} }
}, },
splitLine: { splitLine: {
show: optionsSetup.isShowSplitLineYRight, show: optionsSetup.isShowSplitLineYRight,
lineStyle: { lineStyle: {
color: optionsSetup.splitLineColorYRight, color: optionsSetup.splitLineColorYRight,
width: optionsSetup.splitLineFontWidthYRight,
} }
} }
} }

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

@ -367,7 +367,7 @@ export default {
name: optionsSetup.textNameYTop, // 坐标轴名称 name: optionsSetup.textNameYTop, // 坐标轴名称
nameTextStyle: { nameTextStyle: {
color: optionsSetup.nameColorYTop, color: optionsSetup.nameColorYTop,
fontSize: optionsSetup.namefontSizeYTop fontSize: optionsSetup.nameFontSizeYTop
}, },
axisLabel: { axisLabel: {
show: true, show: true,
@ -388,7 +388,7 @@ export default {
splitLine: { splitLine: {
show: optionsSetup.splitLineYTop, show: optionsSetup.splitLineYTop,
lineStyle: { lineStyle: {
width: optionsSetup.splitLinefontSizeYTop, width: optionsSetup.splitLineFontWidthYTop,
color: optionsSetup.splitLineColorYTop, color: optionsSetup.splitLineColorYTop,
}, },
}, },
@ -409,7 +409,7 @@ export default {
name: optionsSetup.textNameYBottom, // 坐标轴名称 name: optionsSetup.textNameYBottom, // 坐标轴名称
nameTextStyle: { nameTextStyle: {
color: optionsSetup.nameColorYBottom, color: optionsSetup.nameColorYBottom,
fontSize: optionsSetup.namefontSizeYBottom fontSize: optionsSetup.nameFontSizeYBottom
}, },
inverse: true, // 翻转 inverse: true, // 翻转
axisLabel: { axisLabel: {
@ -431,7 +431,7 @@ export default {
splitLine: { splitLine: {
show: optionsSetup.splitLineYBottom, show: optionsSetup.splitLineYBottom,
lineStyle: { lineStyle: {
width: optionsSetup.splitLinefontSizeYBottom, width: optionsSetup.splitLineFontWidthYBottom,
color: optionsSetup.splitLineColorYBottom, color: optionsSetup.splitLineColorYBottom,
}, },
}, },

Write Preview
Loading…
Cancel
Save