chart

js/content/mycharts.js

@@ -598,7 +598,96 @@ var ChartsService = {
             yDataList2.push(item.sum2);
         });
 
-        var option = {
+        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'
+            }
+            ]
+        };
+        
+
+        var option2 = {
             color: ['#ff9f7f', '#ffd85c'],
             grid:{
                 left:"20%",