样式

src/views/report/busThirdScreen.vue

@@ -201,7 +201,6 @@
                     barWidth: '40px',
                 },
                 keywordOption: {
-                    legend:{},
                     tooltip: {
                         trigger: 'axis'
                     },
@@ -224,9 +223,19 @@
                                 width: 2, //这里是为了突出显示加上的
                             }
                         },
+                        axisLabel: {
+                            textStyle: {
+                                color: '#fff',//坐标值得具体的颜色
+                            }
+                        },
                     },
                     yAxis: {
                         type: 'value',
+                        axisLabel: {
+                            textStyle: {
+                                color: '#fff',//坐标值得具体的颜色
+                            }
+                        },
                         axisLine: {
                             lineStyle: {
                                 color: '#9A8EB4',
@@ -334,6 +343,11 @@
                         type: 'category',
                         boundaryGap: false,
                         data: ['','收到意向', '确认意向', '跟进中', '线下对接', '签约阶段'],
+                        axisLabel: {
+                            textStyle: {
+                                color: '#fff',//坐标值得具体的颜色
+                            }
+                        },
                         splitLine: {
                             lineStyle: {
                                 color: '#9A8EB4',
@@ -358,19 +372,79 @@
                         splitLine: {
                             show:false
                         },//去除网格分割线
+                        axisLabel: {
+                            textStyle: {
+                                color: '#fff',//坐标值得具体的颜色
+                            }
+                        },
                     },
                     series: [
                         {
+
                             type: 'line',
-                            data: ['神经网络算法和大数据分析', '神经网络算法和大数据分析', '神经网络算法和大数据分析', '神经网络算法和大数据分析', '神经网络算法和大数据分析']
+                            data: ['神经网络算法和大数据分析', '神经网络算法和大数据分析', '神经网络算法和大数据分析', '神经网络算法和大数据分析', '神经网络算法和大数据分析'],
+                            symbol:"circle",
+                            itemStyle:{
+                                normal:{
+                                    color: function (params) {
+                                        let colorList = [
+                                            "#07835F",
+                                            "#07835F",
+                                            "#07835F",
+                                            "#07835F",
+                                            "#FD387A",
+                                        ];
+                                        return colorList[params.dataIndex];
+                                    },
+                                    lineStyle:{
+                                        color:"#0ABB87"
+                                    },
+                                }
+                            }
                         },
                         {
                             type: 'line',
-                            data: ['硅工艺微波集成电路研发','硅工艺微波集成电路研发','硅工艺微波集成电路研发','硅工艺微波集成电路研发']
+                            data: ['硅工艺微波集成电路研发','硅工艺微波集成电路研发','硅工艺微波集成电路研发','硅工艺微波集成电路研发'],
+                            symbol:"circle",
+                            itemStyle:{
+                                normal:{
+                                    color: function (params) {
+                                        let colorList = [
+                                            "#07835F",
+                                            "#07835F",
+                                            "#07835F",
+                                            "#FFD600",
+                                        ];
+                                        return colorList[params.dataIndex];
+                                    },
+                                    lineStyle:{
+                                        color:"#0ABB87"
+                                    },
+                                }
+                            }
                         },
                         {
                             type: 'line',
-                            data: ['植物智能识别应用技术','植物智能识别应用技术','植物智能识别应用技术','植物智能识别应用技术','植物智能识别应用技术','植物智能识别应用技术']
+                            data: ['植物智能识别应用技术','植物智能识别应用技术','植物智能识别应用技术','植物智能识别应用技术','植物智能识别应用技术','植物智能识别应用技术'],
+                            symbol:"circle",
+                            itemStyle:{
+                                normal:{
+                                    color: function (params) {
+                                        let colorList = [
+                                            "#07835F",
+                                            "#07835F",
+                                            "#07835F",
+                                            "#07835F",
+                                            "#07835F",
+                                            "#5D78FF",
+                                        ];
+                                        return colorList[params.dataIndex];
+                                    },
+                                    lineStyle:{
+                                        color:"#0ABB87"
+                                    },
+                                }
+                            }
                         },
                     ]
                 },
@@ -478,6 +552,7 @@
             }
             & p{
                 margin:12px 0;
+                margin-top: 0;
 
             }
             & p.title{
@@ -495,6 +570,7 @@
                 display: flex; /*新版本语法:opera 12.1,Firefox 22+*/
                 text-align: left;
                 align-items: center;
+                margin: 5px 0;
                 &>img{
                     margin-right: 20px;
                 }