Echarts 虚线分割线样式

echarts yekong 431℃

Echarts 虚线分割线样式

getecharts3: function () {
                window.addEventListener('resize', this.getecharts3)
                var chartDom = document.getElementById('echarts3');
                var myChart = echarts.init(chartDom);
                var option = {
                    color: ['rgba(0, 204, 255, 1)',
                        'rgba(39, 120, 255, 1)',
                        'rgba(72, 176, 255, 1)',
                        'rgba(91, 207, 255, 1)',
                        'rgba(108, 227, 255, 1)',
                        'rgba(119, 240, 240, 1)',
                        'rgba(129, 163, 243, 1)',
                        'rgba(243, 170, 104, 1)',
                        'rgba(245, 232, 140, 1)',
                        'rgba(162, 143, 218, 1)',
                        'rgba(162, 238, 250, 1)',
                        'rgba(38, 116, 255, 1)',
                        'rgba(73, 177, 255, 1)',
                    ],
                    grid: {
                        left: '5%',
                        right: '3%',
                        top: '15%',
                        bottom: '10%',
                        containLabel: true
                    },
                    tooltip: {
                        show: true,
                        trigger: 'axis',
                    },
                    xAxis: {
                        data: ['贷款转入小企业', '贷款转入小企业2', '贷款转入小企业3', '贷款转入小企业4'],
                        axisLine: {
                            lineStyle: {
                                color: 'rgba(51, 51, 51, 1)',
                            }
                        },
                        axisTick: {
                            show: false
                        },
                        axisLabel: {
                            color: 'rgba(51, 51, 51, 1)',
                            fontSize: 12,
                        }
                    },
                    yAxis: [
                        {
                            splitNumber: 3,
                            nameTextStyle: {
                                color: 'rgba(150, 175, 220, 1)',
                                fontSize: 13
                            },
                            axisLine: {
                                show: false,
                                lineStyle: {
                                    color: '#3d5269',
                                    type:'dashed'
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            axisLabel: {
                                color: 'rgba(51, 51, 51, 1)',
                                fontSize: 13
                            },
                            splitLine: {
                                show: true,
                                lineStyle: {
                                    color: 'rgba(221, 221, 221, 1)',
                                    type:'dashed'

                                }
                            },
                            yAxisIndex: 0
                        }],
                    series: [
                        {
                            name: '',
                            type: 'bar',
                            barWidth: 26,
                            zlevel: 2,
                            itemStyle: {
                                normal: {
                                    borderRadius: [5, 5, 5, 5],
                                    color: function (params) {
                                        var list = ['rgba(223, 24, 24, 1)',
                                            'rgba(223, 77, 29, 1)',
                                            'rgba(202, 115, 28, 1)',
                                            'rgba(204, 153, 0, 1)',
                                        ]
                                        var list2 = [
                                            'rgba(240, 65, 65, 1)',
                                            'rgba(237, 115, 75, 1)',
                                            'rgba(229, 145, 61, 1)',
                                            'rgba(228, 180, 36, 1)',
                                        ]
                                        return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                            offset: 0,
                                            color: list[params.dataIndex]
                                        }, {
                                            offset: 1,
                                            color: list2[params.dataIndex]
                                        }], false)
                                    }
                                }
                            },
                            label: {
                                normal: {
                                    show: false,
                                    fontSize: 18,
                                    fontWeight: 'bold',
                                    color: '#ffffff',
                                    position: 'top',
                                }
                            },
                            showBackground: true,
                            backgroundStyle: {
                                color: 'rgba(245, 246, 250, 1)',
                            },
                            data: [100, 111, 100, 154]
                        },
                        {
                            name: '19-28',
                            type: 'line',
                            smooth: true, //是否平滑
                            showAllSymbol: true,
                            symbol: 'circle',
                            yAxisIndex: 0,
                            symbolSize: 0,
                            lineStyle: {
                                normal: {
                                    color: 'rgba(255, 174, 1, 1)',
                                },
                            },
                            zlevel: 1,
                            label: {
                                show: false,
                                position: 'top',
                                textStyle: {
                                    color: 'rgba(255, 174, 1, 1)',
                                }
                            },
                            itemStyle: {
                                color: 'rgba(255, 174, 1, 1)',
                                borderColor: '#fff',
                                borderWidth: 2,
                            },
                            data: [100, 111, 100, 154]
                        },
                    ]
                }
                myChart.clear()
                myChart.resize()
                option && myChart.setOption(option);
            },
喜欢 (1)