堆叠图样式更新

qianming 3 years ago
parent e377514793
commit 3ae782fa3a

@ -6136,12 +6136,12 @@ const widgetTools = [
}, },
], ],
}, },
/*{ {
name: '图例操作', name: '图例操作',
list: [ list: [
{ {
type: 'el-switch', type: 'el-switch',
label: '图例', label: '显示',
name: 'isShowLegend', name: 'isShowLegend',
required: false, required: false,
placeholder: '', placeholder: '',
@ -6209,7 +6209,7 @@ const widgetTools = [
value: 'horizontal' value: 'horizontal'
}, },
], ],
},*/ },
/*{ /*{
name: '自定义配色', name: '自定义配色',
list: [ list: [

@ -98,8 +98,8 @@ 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();
}, },
@ -121,7 +121,6 @@ export default {
fontWeight: optionsCollapse.subTextFontWeight, fontWeight: optionsCollapse.subTextFontWeight,
fontSize: optionsCollapse.subTextFontSize fontSize: optionsCollapse.subTextFontSize
}; };
this.options.title = title; this.options.title = title;
}, },
// X // X
@ -216,18 +215,18 @@ export default {
this.options.series = series; this.options.series = series;
}, },
// tooltip // tooltip
setOptionsTooltip() { setOptionsTooltip() {
const optionsCollapse = this.optionsSetup; const optionsCollapse = this.optionsSetup;
const tooltip = { const tooltip = {
trigger: "item", trigger: "item",
show: true, show: true,
textStyle: { textStyle: {
color: optionsCollapse.lineColor, color: optionsCollapse.lineColor,
fontSize: optionsCollapse.tipsFontSize fontSize: optionsCollapse.tipsFontSize
} }
}; };
this.options.tooltip = tooltip; this.options.tooltip = tooltip;
}, },
// //
setOptionsMargin() { setOptionsMargin() {
const optionsCollapse = this.optionsSetup; const optionsCollapse = this.optionsSetup;
@ -245,15 +244,14 @@ export default {
const optionsCollapse = this.optionsSetup; const optionsCollapse = this.optionsSetup;
const legend = this.options.legend; const legend = this.options.legend;
legend.show = optionsCollapse.isShowLegend; legend.show = optionsCollapse.isShowLegend;
legend.left = optionsCollapse.lateralPosition == "left" ? 0 : "auto"; legend.left = optionsCollapse.lateralPosition;
legend.right = optionsCollapse.lateralPosition == "right" ? 0 : "auto";
legend.top = optionsCollapse.longitudinalPosition == "top" ? 0 : "auto"; legend.top = optionsCollapse.longitudinalPosition == "top" ? 0 : "auto";
legend.bottom = legend.bottom =
optionsCollapse.longitudinalPosition == "bottom" ? 0 : "auto"; optionsCollapse.longitudinalPosition == "bottom" ? 0 : "auto";
legend.orient = optionsCollapse.layoutFront; legend.orient = optionsCollapse.layoutFront;
legend.textStyle = { legend.textStyle = {
color: optionsCollapse.lengedColor, color: optionsCollapse.lengedColor,
fontSize: optionsCollapse.fontSize fontSize: optionsCollapse.lengedFontSize
}; };
legend.itemWidth = optionsCollapse.lengedWidth; legend.itemWidth = optionsCollapse.lengedWidth;
}, },
@ -302,11 +300,11 @@ export default {
return newArr; return newArr;
}, },
// //
getStackStyle(){ getStackStyle() {
const optionsSetup = this.optionsSetup; const optionsSetup = this.optionsSetup;
let style = "" let style = ""
if (optionsSetup.stackStyle == "upDown") { if (optionsSetup.stackStyle == "upDown") {
style = "total" style = "total"
} }
return style return style
}, },
@ -339,8 +337,8 @@ export default {
data: data, data: data,
barGap: "0%", barGap: "0%",
stack: this.getStackStyle(), stack: this.getStackStyle(),
barWidth : optionsSetup.maxWidth, barWidth: optionsSetup.maxWidth,
label : { label: {
show: optionsSetup.isShow, show: optionsSetup.isShow,
position: "top", position: "top",
distance: 10, distance: 10,

Loading…
Cancel
Save