堆叠图样式更新

qianming 3 years ago
parent cce203363b
commit dfb033ac6f

@ -5707,19 +5707,11 @@ const widgetTools = [
name: 'maxWidth',
required: false,
placeholder: '',
value: 10,
},
{
type: 'el-slider',
label: '圆角',
name: 'radius',
require: false,
placeholder: '',
value: 5,
value: 20,
},
],
},
{
/* {
name: '标题设置',
list: [
{
@ -6050,15 +6042,16 @@ const widgetTools = [
},
],
},
{
/!*{
name: '提示语设置',
list: [
{
type: 'el-input-number',
label: '字体大小',
name: 'fontSize',
name: 'tipsFontSize',
required: false,
placeholder: '',
value: 16
},
{
type: 'vue-color',
@ -6068,7 +6061,7 @@ const widgetTools = [
placeholder: '',
},
],
},
},*!/
{
name: '坐标轴边距设置',
list: [
@ -6145,11 +6138,11 @@ const widgetTools = [
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
//{code: 'mid', name: '居中'},
],
value: 'left'
value: 'center'
},
{
type: 'el-select',
@ -6176,7 +6169,7 @@ const widgetTools = [
value: 'horizontal'
},
],
},
},*/
/*{
name: '自定义配色',
list: [

@ -93,13 +93,14 @@ export default {
methods: {
// options
editorOptions() {
this.setOptionsTitle();
this.setOptionsX();
this.setOptionsY();
this.setOptionsTop();
this.setOptionsTooltip();
this.setOptionsMargin();
this.setOptionsLegend();
//this.setOptionBar();
//this.setOptionsTitle();
//this.setOptionsX();
//this.setOptionsY();
//this.setOptionsTop();
//this.setOptionsTooltip();
//this.setOptionsMargin();
//this.setOptionsLegend();
//this.setOptionsColor();
this.setOptionsData();
},
@ -195,11 +196,25 @@ export default {
};
this.options.yAxis = yAxis;
},
// or
//
setOptionBar() {
const optionsSetup = this.optionsSetup;
const series = this.options.series;
const itemStyle = {
borderRadius: optionsSetup.radius
}
const barWidth = optionsSetup.maxWidth;
for (const key in series) {
if (series[key].type == "bar") {
this.options.series[key].itemStyle = itemStyle
}
}
;
},
// or
setOptionsTop() {
const optionsCollapse = this.optionsSetup;
const series = this.options.series;
for (const key in series) {
if (series[key].type == "bar") {
series[key].label = {
@ -211,25 +226,23 @@ export default {
fontWeight: optionsCollapse.fontWeight
};
series[key].barWidth = optionsCollapse.maxWidth;
console.log(series[key].barWidth)
series[key].barMinHeight = optionsCollapse.minHeight;
}
}
this.options.series = series;
},
// tooltip
setOptionsTooltip() {
/* setOptionsTooltip() {
const optionsCollapse = this.optionsSetup;
const tooltip = {
trigger: "item",
show: true,
textStyle: {
color: optionsCollapse.lineColor,
fontSize: optionsCollapse.fontSize
fontSize: optionsCollapse.tipsFontSize
}
};
this.options.tooltip = tooltip;
},
},*/
//
setOptionsMargin() {
const optionsCollapse = this.optionsSetup;
@ -329,11 +342,12 @@ export default {
series.push({
name: yAxisList[i],
type: "bar",
data: data ,
data: data,
barGap: "0%",
/*itemStyle: {
barWidth : optionsSetup.maxWidth,
itemStyle: {
borderRadius: null
}*/
}
})
}
this.options.series = series

Loading…
Cancel
Save