Merge remote-tracking branch 'origin/dev' into dev

Raod 3 years ago
commit 4eb6ab77d1

@ -2250,6 +2250,26 @@ const widgetTools = [
}, },
], ],
}, },
{
name: '提示语设置',
list: [
{
type: 'el-input-number',
label: '字体大小',
name: 'tipsFontSize',
required: false,
placeholder: '',
value: 16
},
{
type: 'vue-color',
label: '字体颜色',
name: 'lineColor',
required: false,
placeholder: '',
},
],
},
{ {
name: '坐标轴边距设置', name: '坐标轴边距设置',
list: [ list: [
@ -5707,15 +5727,7 @@ const widgetTools = [
name: 'maxWidth', name: 'maxWidth',
required: false, required: false,
placeholder: '', placeholder: '',
value: 10, value: 20,
},
{
type: 'el-slider',
label: '圆角',
name: 'radius',
require: false,
placeholder: '',
value: 5,
}, },
], ],
}, },
@ -5824,14 +5836,6 @@ const widgetTools = [
{ {
name: 'X轴设置', name: 'X轴设置',
list: [ list: [
{
type: 'el-input-text',
label: '名称',
name: 'xName',
required: false,
placeholder: '',
value: ''
},
{ {
type: 'el-switch', type: 'el-switch',
label: '显示', label: '显示',
@ -5840,9 +5844,17 @@ const widgetTools = [
placeholder: '', placeholder: '',
value: true, value: true,
}, },
{
type: 'el-input-text',
label: 'X轴别名',
name: 'xName',
required: false,
placeholder: '',
value: ''
},
{ {
type: 'vue-color', type: 'vue-color',
label: '坐标名颜色', label: '名颜色',
name: 'xNameColor', name: 'xNameColor',
required: false, required: false,
placeholder: '', placeholder: '',
@ -5850,16 +5862,24 @@ const widgetTools = [
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '字体大小', label: '别名字号',
name: 'xNameFontSize', name: 'xNameFontSize',
required: false, required: false,
placeholder: '', placeholder: '',
value: 12 value: 14
},
{
type: 'el-switch',
label: '轴反转',
name: 'reversalX',
required: false,
placeholder: '',
value: false
}, },
{ {
type: 'el-slider', type: 'el-slider',
label: '文字角度', label: '文字角度',
name: 'textAngle', name: 'textAngleX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 0 value: 0
@ -5872,17 +5892,9 @@ const widgetTools = [
placeholder: '', placeholder: '',
value: '' value: ''
}, },
{
type: 'el-switch',
label: '轴反转',
name: 'reversalX',
required: false,
placeholder: '',
value: false
},
{ {
type: 'vue-color', type: 'vue-color',
label: '颜色', label: '文字颜色',
name: 'Xcolor', name: 'Xcolor',
required: false, required: false,
placeholder: '', placeholder: '',
@ -5890,11 +5902,11 @@ const widgetTools = [
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '字号', label: '文字字号',
name: 'fontSizeX', name: 'fontSizeX',
required: false, required: false,
placeholder: '', placeholder: '',
value: 12, value: 14,
}, },
{ {
type: 'vue-color', type: 'vue-color',
@ -5926,14 +5938,6 @@ const widgetTools = [
{ {
name: 'Y轴设置', name: 'Y轴设置',
list: [ list: [
{
type: 'el-input-text',
label: '名称',
name: 'textNameY',
require: false,
placeholder: '',
value: ''
},
{ {
type: 'el-switch', type: 'el-switch',
label: '显示', label: '显示',
@ -5942,9 +5946,17 @@ const widgetTools = [
placeholder: '', placeholder: '',
value: true, value: true,
}, },
{
type: 'el-input-text',
label: 'Y轴别名',
name: 'textNameY',
require: false,
placeholder: '',
value: ''
},
{ {
type: 'vue-color', type: 'vue-color',
label: '坐标名颜色', label: '名颜色',
name: 'NameColorY', name: 'NameColorY',
required: false, required: false,
placeholder: '', placeholder: '',
@ -5952,11 +5964,11 @@ const widgetTools = [
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '字体大小', label: '别名字号',
name: 'NameFontSizeY', name: 'NameFontSizeY',
required: false, required: false,
placeholder: '', placeholder: '',
value: 12, value: 14,
}, },
{ {
type: 'el-switch', type: 'el-switch',
@ -5966,9 +5978,17 @@ const widgetTools = [
placeholder: '', placeholder: '',
value: false value: false
}, },
{
type: 'el-slider',
label: '文字角度',
name: 'textAngleY',
required: false,
placeholder: '',
value: 0
},
{ {
type: 'vue-color', type: 'vue-color',
label: '颜色', label: '文字颜色',
name: 'colorY', name: 'colorY',
required: false, required: false,
placeholder: '', placeholder: '',
@ -5976,11 +5996,11 @@ const widgetTools = [
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '字号', label: '文字字号',
name: 'fontSizeY', name: 'fontSizeY',
required: false, required: false,
placeholder: '', placeholder: '',
value: 12, value: 14,
}, },
{ {
type: 'vue-color', type: 'vue-color',
@ -6056,9 +6076,10 @@ const widgetTools = [
{ {
type: 'el-input-number', type: 'el-input-number',
label: '字体大小', label: '字体大小',
name: 'fontSize', name: 'tipsFontSize',
required: false, required: false,
placeholder: '', placeholder: '',
value: 16
}, },
{ {
type: 'vue-color', type: 'vue-color',
@ -6069,7 +6090,7 @@ const widgetTools = [
}, },
], ],
}, },
{ /*{
name: '坐标轴边距设置', name: '坐标轴边距设置',
list: [ list: [
{ {
@ -6102,8 +6123,8 @@ const widgetTools = [
value: 10, value: 10,
}, },
], ],
}, },*/
{ /*{
name: '图例操作', name: '图例操作',
list: [ list: [
{ {
@ -6145,11 +6166,11 @@ const widgetTools = [
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'}, {code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'}, {code: 'right', name: '右对齐'},
//{code: 'mid', name: '居中'},
], ],
value: 'left' value: 'center'
}, },
{ {
type: 'el-select', type: 'el-select',
@ -6176,7 +6197,7 @@ const widgetTools = [
value: 'horizontal' value: 'horizontal'
}, },
], ],
}, },*/
/*{ /*{
name: '自定义配色', name: '自定义配色',
list: [ list: [

@ -98,12 +98,12 @@ export default {
this.setOptionsY(); this.setOptionsY();
this.setOptionsTop(); this.setOptionsTop();
this.setOptionsTooltip(); this.setOptionsTooltip();
this.setOptionsMargin(); //this.setOptionsMargin();
this.setOptionsLegend(); //this.setOptionsLegend();
//this.setOptionsColor(); //this.setOptionsColor();
this.setOptionsData(); this.setOptionsData();
}, },
// ABC //
setOptionsTitle() { setOptionsTitle() {
const optionsCollapse = this.optionsSetup; const optionsCollapse = this.optionsSetup;
const title = {}; const title = {};
@ -135,7 +135,7 @@ export default {
color: optionsCollapse.xNameColor, color: optionsCollapse.xNameColor,
fontSize: optionsCollapse.xNameFontSize fontSize: optionsCollapse.xNameFontSize
}, },
nameRotate: optionsCollapse.textAngle, // nameRotate: optionsCollapse.textAngleX, //
inverse: optionsCollapse.reversalX, // inverse: optionsCollapse.reversalX, //
axisLabel: { axisLabel: {
show: true, show: true,
@ -175,6 +175,7 @@ export default {
inverse: optionsCollapse.reversalY, // y inverse: optionsCollapse.reversalY, // y
axisLabel: { axisLabel: {
show: true, show: true,
rotate: optionsCollapse.textAngleY,//
textStyle: { textStyle: {
color: optionsCollapse.colorY, // y color: optionsCollapse.colorY, // y
fontSize: optionsCollapse.fontSizeY fontSize: optionsCollapse.fontSizeY
@ -195,11 +196,10 @@ export default {
}; };
this.options.yAxis = yAxis; this.options.yAxis = yAxis;
}, },
// or // or
setOptionsTop() { setOptionsTop() {
const optionsCollapse = this.optionsSetup; const optionsCollapse = this.optionsSetup;
const series = this.options.series; const series = this.options.series;
for (const key in series) { for (const key in series) {
if (series[key].type == "bar") { if (series[key].type == "bar") {
series[key].label = { series[key].label = {
@ -211,13 +211,11 @@ export default {
fontWeight: optionsCollapse.fontWeight fontWeight: optionsCollapse.fontWeight
}; };
series[key].barWidth = optionsCollapse.maxWidth; series[key].barWidth = optionsCollapse.maxWidth;
console.log(series[key].barWidth)
series[key].barMinHeight = optionsCollapse.minHeight;
} }
} }
this.options.series = series; this.options.series = series;
}, },
// tooltip // tooltip
setOptionsTooltip() { setOptionsTooltip() {
const optionsCollapse = this.optionsSetup; const optionsCollapse = this.optionsSetup;
const tooltip = { const tooltip = {
@ -225,7 +223,7 @@ export default {
show: true, show: true,
textStyle: { textStyle: {
color: optionsCollapse.lineColor, color: optionsCollapse.lineColor,
fontSize: optionsCollapse.fontSize fontSize: optionsCollapse.tipsFontSize
} }
}; };
this.options.tooltip = tooltip; this.options.tooltip = tooltip;
@ -329,11 +327,20 @@ export default {
series.push({ series.push({
name: yAxisList[i], name: yAxisList[i],
type: "bar", type: "bar",
data: data , data: data,
barGap: "0%", barGap: "0%",
/*itemStyle: { barWidth : optionsSetup.maxWidth,
label : {
show: optionsSetup.isShow,
position: "top",
distance: 10,
fontSize: optionsSetup.fontSize,
color: optionsSetup.subTextColor,
fontWeight: optionsSetup.fontWeight
},
itemStyle: {
borderRadius: null borderRadius: null
}*/ }
}) })
} }
this.options.series = series this.options.series = series

@ -283,12 +283,11 @@ export default {
fontWeight: optionsCollapse.fontWeight fontWeight: optionsCollapse.fontWeight
}; };
series[key].barWidth = optionsCollapse.maxWidth; series[key].barWidth = optionsCollapse.maxWidth;
//series[key].barMinHeight = optionsCollapse.minHeight;
} }
} }
this.options.series = series; this.options.series = series;
}, },
// tooltip // tooltip
setOptionsTooltip() { setOptionsTooltip() {
const optionsCollapse = this.optionsSetup; const optionsCollapse = this.optionsSetup;
const tooltip = { const tooltip = {

Loading…
Cancel
Save