Echarts折线图分割线颜色

直接上代码

splitLine: {
                        show: true,    // 是否显示分隔线。默认数值轴显示，类目轴不显示
                        type: 'solid',     // 坐标轴线线的类型（'solid'，实线类型；'dashed'，虚线类型；'dotted',点状类型）
                        lineStyle: {
                            color: '#273569',
                            width: 2 // 设置分割线的粗细为2
                        }
                    }

隐藏xy轴线，刻度线

 axisLine: {
                        show: false  //隐藏x轴线 
                    },
                    axisTick: {
                        show: false //隐藏x轴刻度
                    }

改变小圆点大小

 symbol: "circle", //将小圆点改成实心 不写symbol默认空心
                    symbolSize: 10, //小圆点的大小
                    itemStyle: {
                        color: "white" // 圆点背景色
                    },

线条阴影，颜色

lineStyle: {
                        width: 2,
                        color: "#76dcf3", //线条颜色
                        // type: "dotted", //'dotted'虚线 'solid'实线
                        shadowColor: "#6AF0FF", //阴影颜色
                        shadowBlur: 5, //阴影的模糊大小。
                        shadowOffsetX: 5, // 阴影水平方向上的偏移距离
                        shadowOffsetY: 5 // 阴影垂直方向上的偏移距离
                    }

样式渐变

 areaStyle: {
                        color: new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [
                            { offset: 1, color: '#00edff' },
                            { offset: 0.5, color: '#2391b1' },
                            { offset: 0, color: '#153e70' },
                        ]),
                    }

效果图