多柱线更新

qianming 2 years ago
parent c6e303e8b2
commit 50a3aa2e29

@ -420,7 +420,7 @@ export const widgetMoreBarLine = {
{ {
type: 'el-input-number', type: 'el-input-number',
label: '左坐标字号', label: '左坐标字号',
name: 'namefontSizeYLeft', name: 'nameFontSizeYLeft',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: 14,
@ -452,7 +452,7 @@ export const widgetMoreBarLine = {
{ {
type: 'el-input-number', type: 'el-input-number',
label: '右坐标字号', label: '右坐标字号',
name: 'namefontSizeYRight', name: 'nameFontSizeYRight',
required: false, required: false,
placeholder: '', placeholder: '',
value: 14, value: 14,
@ -650,7 +650,6 @@ export const widgetMoreBarLine = {
required: false, required: false,
value: [ value: [
{color: '#4bdfff'}, {color: '#4bdfff'},
{color: '#5dc1fd'},
{color: '#55f49c'}, {color: '#55f49c'},
{color: '#ffa43a'}, {color: '#ffa43a'},
], ],
@ -697,14 +696,14 @@ export const widgetMoreBarLine = {
relactiveDom: 'dataType', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{"date": "2014", "unsales": 400, "manus": 300, "rework": 400, "sales": 4.2,}, {"date": "2014", "unsales": 400, "manus": 300, "sales": 4.2,},
{"date": "2015", "unsales": 400, "manus": 500, "rework": 300, "sales": 3.6,}, {"date": "2015", "unsales": 400, "manus": 500, "sales": 3.6,},
{"date": "2016", "unsales": 300, "manus": 500, "rework": 500, "sales": 5.8,}, {"date": "2016", "unsales": 300, "manus": 500, "sales": 5.8,},
{"date": "2017", "unsales": 300, "manus": 500, "rework": 700, "sales": 3.4,}, {"date": "2017", "unsales": 300, "manus": 500, "sales": 3.4,},
{"date": "2018", "unsales": 400, "manus": 400, "rework": 1000, "sales": 2.5,}, {"date": "2018", "unsales": 400, "manus": 400, "sales": 2.5,},
{"date": "2019", "unsales": 400, "manus": 500, "rework": 500, "sales": 5.8,}, {"date": "2019", "unsales": 400, "manus": 500, "sales": 5.8,},
{"date": "2020", "unsales": 300, "manus": 400, "rework": 600, "sales": 7.6,}, {"date": "2020", "unsales": 300, "manus": 400, "sales": 7.6,},
{"date": "2021", "unsales": 300, "manus": 600, "rework": 400, "sales": 3.4,}, {"date": "2021", "unsales": 300, "manus": 600, "sales": 3.4,},
] ]
}, },
{ {

@ -80,7 +80,6 @@ export default {
nameTextStyle: { nameTextStyle: {
color: '#666666' color: '#666666'
}, },
position: 'right',
axisLine: { axisLine: {
lineStyle: { lineStyle: {
color: '#cdd5e2' color: '#cdd5e2'
@ -283,9 +282,9 @@ export default {
type: 'value', type: 'value',
show: optionsSetup.isShowYLeft, // show: optionsSetup.isShowYLeft, //
name: optionsSetup.textNameYLeft, // name: optionsSetup.textNameYLeft, //
nameTextStyle: { // nameTextStyle: { //
color: optionsSetup.nameColorYLeft, color: optionsSetup.nameColorYLeft,
fontSize: optionsSetup.namefontSizeYLeft fontSize: optionsSetup.nameFontSizeYLeft
}, },
axisLabel: { axisLabel: {
show: true, show: true,
@ -295,7 +294,7 @@ export default {
} }
}, },
axisLine: { axisLine: {
show: optionsSetup.isShowYLeft, show: true,
lineStyle: { lineStyle: {
color: optionsSetup.lineColorY color: optionsSetup.lineColorY
} }
@ -306,12 +305,11 @@ export default {
}, },
{ {
type: 'value', type: 'value',
position: 'right',
show: optionsSetup.isShowYRight, // show: optionsSetup.isShowYRight, //
name: optionsSetup.textNameYRight, // name: optionsSetup.textNameYRight, //
nameTextStyle: { // nameTextStyle: { //
color: optionsSetup.nameColorYRight, color: optionsSetup.nameColorYRight,
fontSize: optionsSetup.namefontSizeYRight fontSize: optionsSetup.nameFontSizeYRight
}, },
axisLabel: { axisLabel: {
show: true, show: true,
@ -321,7 +319,7 @@ export default {
} }
}, },
axisLine: { axisLine: {
show: optionsSetup.isShowYRight, show: true,
lineStyle: { lineStyle: {
color: optionsSetup.lineColorY color: optionsSetup.lineColorY
} }
@ -423,13 +421,11 @@ export default {
let axis = []; let axis = [];
let bar1 = []; let bar1 = [];
let bar2 = []; let bar2 = [];
let bar3 = [];
let line = []; let line = [];
for (const i in val) { for (const i in val) {
axis[i] = val[i].date; axis[i] = val[i].date;
bar1[i] = val[i].unsales; bar1[i] = val[i].unsales;
bar2[i] = val[i].manus; bar2[i] = val[i].manus;
bar3[i] = val[i].rework;
line[i] = val[i].sales; line[i] = val[i].sales;
} }
// x // x
@ -476,12 +472,10 @@ export default {
} }
series[0].data = bar1; series[0].data = bar1;
series[1].data = bar2; series[1].data = bar2;
series[2].data = bar3;
series[3].data = line; series[3].data = line;
const legendName = []; const legendName = [];
legendName.push('调解成功'); legendName.push('调解成功');
legendName.push('调解失败'); legendName.push('调解失败');
legendName.push('调解终止');
legendName.push('调解成功率'); legendName.push('调解成功率');
this.options.legend['data'] = legendName; this.options.legend['data'] = legendName;
this.setOptionsLegendName(legendName); this.setOptionsLegendName(legendName);

Loading…
Cancel
Save