Incubator-echarts: grafik batang echarts3, setelah mengatur parameter barWidth, barMaxWidth tidak berfungsi

Untuk memudahkan kami mereproduksi dan memperbaiki bug, ikuti spesifikasi di bawah ini untuk menjelaskan masalah Anda.

Ringkasan satu baris

Untuk grafik batang echarts3, setelah mengatur ukuran barWidth, atur ukuran barMaxWidth. Ketika ukuran barWidth melebihi ukuran barMaxWidth, tampilan sebenarnya didasarkan pada barWidth, yaitu batas barMaxWidth yang ditetapkan di sini tidak berfungsi

Versi & Lingkungan

• Versi ECcharts: 3.2.2
• Versi peramban (Versi peramban): versi chrome 35.0.1916.114 m
• Jenis dan versi sistem operasi (Versi OS): versi unggulan win7
  

  Langkah-langkah untuk mereproduksi

1.1 Perkenalkan paket js dari echart3.2.2,
2.atribut pilihan lihat di bawah

Perilaku yang diharapkan

Dalam grafik batang, setelah menyetel barWidth dan menambahkan batas barMaxWidth, jika barWidth melebihi rentang, barMaxWidth akan berlaku.

Apa yang salah

Item konfigurasi ECharts (opsi ECharts)

option = {
title : {
                show : true,
                text : '城市天气预报',
                subtext : '杭州天气',
                left : 'center',
                top : 'bottom',
            },
            grid : {
                left : 50,
                top : 60,
                right : 150,
                bottom : 160,
                borderWidth : 0,
            },
            tooltip : {
                show : true,
                showContent : true,
                trigger : 'item',
                triggerOn : 'mousemove',
                formatter : '',
                islandFormatter : '{a} < br/>{b} : {c}',
            },
            legend : {
                show : true,
                orient : 'horizontal',
                left : 'center',
                top : "top",
                selectedMode : true,
                data : [ {
                    name : '蒸发量',
                }, {
                    name : '蒸发量2',
                } ],
            },
            toolbox : {
                show : false,
                orient : 'horizontal',
                feature : {
                    dataZoom : {
                        show : false,
                    },
                    dataView : {
                        show : false,
                        readOnly : false,
                    },
                    magicType : {
                        show : false,
                    },
                    restore : {
                        show : false,
                    },
                    saveAsImage : {
                        show : false,
                    },
                }
            },
            xAxis : [ {
                show : true,
                type : 'category',
                boundaryGap : true,
                name : '',
                nameLocation : '',
                axisLine : {
                    show : true,
                    onZero : true,
                },
                axisTick : {
                    show : true,
                    onGap : false,
                    inside : false,
                },
                axisLabel : {
                    show : true,
                },
                splitLine : {
                    show : true,
                },
                splitArea : {
                    show : false,
                },
                data : ["2:00", "2:15", "2:30", "2:45", "3:00", "3:15", "3:30", "3:45", "4:15", "4:00", "4:30", "4:45"],
            }, ],

            yAxis : [ {
                show : true,
                type : 'value',
                boundaryGap : true,
            }, ],

            series : [ {
                name : '蒸发量',
                z : 0,
                type : 'line',
                data : ["3", "5", "6", "13", "12", "13", "19", "17", "25", "13", "16", "11"],
                markPoint : {
                    data : [ {
                        type : 'max',
                        name : '最大值'
                    }, {
                        type : 'min',
                        name : '最小值'
                    } ]
                },
                markLine : {
                    data : [ {
                        type : 'average',
                        name : '平均值'
                    } ]
                },
            }, {
                name : '蒸发量2',
                z : 0,
                type : 'bar',
                barWidth : 10,
                                barMaxWidth : 30,
                data : [ 13, 15, 17, 23, 22, 23, 29, 27, 25, 28, 22, 27 ],
                markPoint : {
                    data : [ {
                        type : 'max',
                        name : '最大值'
                    }, {
                        type : 'min',
                        name : '最小值'
                    } ]
                },
                markLine : {
                    data : [ {
                        type : 'average',
                        name : '平均值'
                    } ]
                },
            }, ],
}

Informasi lainnya (Komentar lain)