柱线图最小值ECharts Gallery

20:11:45图表已生成
代码
option = {
   backgroundColor: '#010828',
            title: {
                left: '550',
                top: '5',
                textStyle: {
                    rich: {
                        a: {
                            color: 'red',
                            fontWeight: 'bold',
                            fontSize: '16',
                        },
                        b: {
                            fontWeight: 'bold',
                            fontSize: '16',
                            color: 'white',
                        },

                    }

                },
                text: ['{a|案例1|}', '{b|案例2|案例3|案例4|案例5|案例6}'].join(''),
            },
            tooltip:{
                type:'items'
            },
            xAxis: [{
                axisTick: {
                    show: false
                },
                axisLine: {
                    lineStyle: {
                        color: 'white',
                    }
                },
                axisLabel: {
                    show: true,
                    interval: 0,
                    // formatter: function (val) {
                    //     return val.split("").join("\n");
                    // },
                    textStyle: {
                        fontSize: 12 //更改坐标轴文字大小
                    },

                },
                data: ["互联网", "互联网1", "互联网2", "互联网3", "互联网4"],
            }],
            yAxis: [{
                    type: 'value',
                    min: 0,
                    max: 300,
                    interval: 100,
                    splitLine: {
                        show: false
                    },
                    axisTick: {
                        show: false
                    },
                    axisLabel: {
                        formatter: '{value} '
                    },
                    axisLine: {
                        lineStyle: {
                            color: 'white',
                        }
                    },
                },
                {
                    type: 'value',
                    min: -10,
                    max: 20,
                    interval: 10,
                    axisLabel: {
                        formatter: '{value} %'
                    },
                    splitLine: {
                        show: false
                    },
                    axisTick: {
                        show: false
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#FF6347',
                        }
                    },
                }
            ],
            series: [{
                    name: '预购队列',
                    type: 'bar',
                    barWidth: 50,

                    markLine: {
                        label: {
                            show: false
                        },
                        lineStyle: {
                            //  type:"solid",

                        },
                        data: [
                            // 纵轴，默认
                            {
                                type: 'min',
                                name: '最小值',
                                itemStyle: {
                                    normal: {
                                        color: '#FF6347'
                                    }
                                }
                            },
                            // 横轴
                            // {type : 'min', name: '最小值', valueIndex: 0, itemStyle:{normal:{color:'#1e90ff'}}},
                        ]
                    },
                    itemStyle: {
                        normal: {
                            color: new echarts.graphic.LinearGradient(
                                0, 0, 0, 1,
                                [{
                                        offset: 0,
                                        color: '#9e65ea'
                                    }, //柱图渐变色
                                    {
                                        offset: 0.5,
                                        color: '#855de6'
                                    }, //柱图渐变色
                                    {
                                        offset: 1,
                                        color: '#514ddd'
                                    }, //柱图渐变色
                                ]
                            )
                        },
                    },
                    data: [220, 100, 200, 300, 180],
                },
                {
                    name: '最新成交价',
                    type: 'line',
                    lineStyle: {
                        color: '#e7c52c',
                    },
                    data: [200, 100, 80, 50, 20],
                    symbol: 'none',
                }
            ],
};
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
