|
|
@@ -598,96 +598,103 @@ var ChartsService = {
|
|
|
yDataList2.push(item.sum2);
|
|
|
});
|
|
|
|
|
|
- option = {
|
|
|
- color: ['#ff9f7f', '#ffd85c'],
|
|
|
- grid:{
|
|
|
- left:"20%",
|
|
|
- right:"10%",
|
|
|
- bottom:"25%",
|
|
|
- top:"10%"
|
|
|
- },
|
|
|
- xAxis: {
|
|
|
- type: 'category',
|
|
|
- boundaryGap: false,
|
|
|
- data: xDataList,
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- textStyle: {
|
|
|
- color: '#ffffff', //更改坐标轴文字颜色
|
|
|
- fontSize: 14 //更改坐标轴文字大小
|
|
|
- },
|
|
|
- // interval:0,
|
|
|
- // rotate:30
|
|
|
- //换行显示
|
|
|
- formatter: function(value) {
|
|
|
- let result = '' //拼接加\n返回的类目项
|
|
|
- let maxLength = 5 //每项显示文字个数
|
|
|
- let valLength = value.length //X轴类目项的文字个数
|
|
|
- let rowNumber = Math.ceil(valLength / maxLength) //类目项需要换行的行数
|
|
|
- if (rowNumber > 1) {
|
|
|
- //如果文字大于3,
|
|
|
- for (let i = 0; i < rowNumber; i++) {
|
|
|
- let temp = '' //每次截取的字符串
|
|
|
- let start = i * maxLength //开始截取的位置
|
|
|
- let end = start + maxLength //结束截取的位置
|
|
|
- temp = value.substring(start, end) + '\n'
|
|
|
- result += temp //拼接生成最终的字符串
|
|
|
- }
|
|
|
- return result
|
|
|
- } else {
|
|
|
- return value
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- axisLine: {
|
|
|
- lineStyle: {
|
|
|
- type: 'solid',
|
|
|
- color: '#37a2da', //左边线的颜色
|
|
|
- width: '1' //坐标线的宽度
|
|
|
- }
|
|
|
- },
|
|
|
- splitLine: {
|
|
|
- show: false
|
|
|
- }
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- type: 'value',
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- textStyle: {
|
|
|
- color: '#ffffff', //更改坐标轴文字颜色
|
|
|
- fontSize: 14 //更改坐标轴文字大小
|
|
|
- }
|
|
|
- },
|
|
|
- axisLine: {
|
|
|
- lineStyle: {
|
|
|
- type: 'solid',
|
|
|
- color: '#37a2da', //左边线的颜色
|
|
|
- width: '1' //坐标线的宽度
|
|
|
- }
|
|
|
- },
|
|
|
- splitLine: {
|
|
|
- show: true,
|
|
|
- lineStyle: {
|
|
|
- color: ['#37a2da'],
|
|
|
- width: 1,
|
|
|
- type: 'solid'
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- series: [{
|
|
|
- data: yDataList1,
|
|
|
- type: 'line'
|
|
|
- },
|
|
|
- {
|
|
|
- data: yDataList2,
|
|
|
- type: 'line'
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
+ // option2 = {
|
|
|
+ // color: ['#ff9f7f', '#ffd85c'],
|
|
|
+ // grid:{
|
|
|
+ // left:"20%",
|
|
|
+ // right:"10%",
|
|
|
+ // bottom:"25%",
|
|
|
+ // top:"10%"
|
|
|
+ // },
|
|
|
+ // xAxis: {
|
|
|
+ // type: 'category',
|
|
|
+ // boundaryGap: false,
|
|
|
+ // data: xDataList,
|
|
|
+ // axisLabel: {
|
|
|
+ // show: true,
|
|
|
+ // textStyle: {
|
|
|
+ // color: '#ffffff', //更改坐标轴文字颜色
|
|
|
+ // fontSize: 14 //更改坐标轴文字大小
|
|
|
+ // },
|
|
|
+ // // interval:0,
|
|
|
+ // // rotate:30
|
|
|
+ // //换行显示
|
|
|
+ // formatter: function(value) {
|
|
|
+ // let result = '' //拼接加\n返回的类目项
|
|
|
+ // let maxLength = 5 //每项显示文字个数
|
|
|
+ // let valLength = value.length //X轴类目项的文字个数
|
|
|
+ // let rowNumber = Math.ceil(valLength / maxLength) //类目项需要换行的行数
|
|
|
+ // if (rowNumber > 1) {
|
|
|
+ // //如果文字大于3,
|
|
|
+ // for (let i = 0; i < rowNumber; i++) {
|
|
|
+ // let temp = '' //每次截取的字符串
|
|
|
+ // let start = i * maxLength //开始截取的位置
|
|
|
+ // let end = start + maxLength //结束截取的位置
|
|
|
+ // temp = value.substring(start, end) + '\n'
|
|
|
+ // result += temp //拼接生成最终的字符串
|
|
|
+ // }
|
|
|
+ // return result
|
|
|
+ // } else {
|
|
|
+ // return value
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // axisLine: {
|
|
|
+ // lineStyle: {
|
|
|
+ // type: 'solid',
|
|
|
+ // color: '#37a2da', //左边线的颜色
|
|
|
+ // width: '1' //坐标线的宽度
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // splitLine: {
|
|
|
+ // show: false
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // yAxis: {
|
|
|
+ // type: 'value',
|
|
|
+ // axisLabel: {
|
|
|
+ // show: true,
|
|
|
+ // textStyle: {
|
|
|
+ // color: '#ffffff', //更改坐标轴文字颜色
|
|
|
+ // fontSize: 14 //更改坐标轴文字大小
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // axisLine: {
|
|
|
+ // lineStyle: {
|
|
|
+ // type: 'solid',
|
|
|
+ // color: '#37a2da', //左边线的颜色
|
|
|
+ // width: '1' //坐标线的宽度
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // splitLine: {
|
|
|
+ // show: true,
|
|
|
+ // lineStyle: {
|
|
|
+ // color: ['#37a2da'],
|
|
|
+ // width: 1,
|
|
|
+ // type: 'solid'
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // series: [{
|
|
|
+ // data: yDataList1,
|
|
|
+ // type: 'line',
|
|
|
+ // stack: '总量',
|
|
|
+ // label: {
|
|
|
+ // show: true
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // data: yDataList2,
|
|
|
+ // type: 'line',
|
|
|
+ // label: {
|
|
|
+ // show: true
|
|
|
+ // },
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ // };
|
|
|
|
|
|
|
|
|
- var option2 = {
|
|
|
+ var option = {
|
|
|
color: ['#ff9f7f', '#ffd85c'],
|
|
|
grid:{
|
|
|
left:"20%",
|
|
|
@@ -794,8 +801,8 @@ var ChartsService = {
|
|
|
},
|
|
|
{
|
|
|
name: yLabel2,
|
|
|
- type: 'bar',
|
|
|
- stack: '总量',
|
|
|
+ type: 'line',
|
|
|
+ stack: '总量2',
|
|
|
label: {
|
|
|
show: true
|
|
|
},
|
