apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.21k stars 19.6k forks source link

echarts4.6 dataZoom在谷歌浏览器中无法显示 #12274

Closed VS1r closed 4 years ago

VS1r commented 4 years ago

echarts4.6 dataZoom在谷歌浏览器中无法显示,我排查了各种可能的问题,dataZoom一直不显示。最后换了个浏览器发现显示成功了。。。 附上代码:

    var myChart = echarts.init(document.getElementById("average"));
    var option = {
        title: {
            text: '各省平均寿命 (2010)'
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            }
        },
        dataZoom: {
            type: 'slider',
            show: true,
            start: 1,
            end: 25,
            fillerColor:"rgba(167,183,204,0.4)",
            filterMode: 'empty'
        },
        xAxis: {
            type: 'category',
            data: ['北京市','天津市', '河北省', '山西省', '内蒙古自治区', '辽宁省', '吉林省', '黑龙江省', '上海市', '江苏省',
                '浙江省', '安徽省', '福建省', '江西省', '山东省', '河南省', '湖北省','湖南省','广东省', '广西壮族自治区',
                '海南省', '重庆市', '四川省','贵州省', '云南省', '西藏自治区', '陕西省', '甘肃省', '青海省','宁夏回族自治区',
                '新疆维吾尔自治区'],
            axisLabel:{
                interval: 0
            }
        },
        yAxis: {
            type: 'value',
            min:60,
            max:85
        },
        series: [{
            type: 'bar',
            data: [80.18,78.89,74.97,74.92,74.44,76.38,76.18,75.98,80.26,76.63,77.73,75.08,75.76,74.33,76.46,74.57,
                74.87,74.7,76.49,75.11,76.3,75.7,74.75,71.1,69.54,68.17,74.68,72.23,69.96,73.38,72.35]
        }]
    };
    myChart.setOption(option);

这是其他浏览器的运行截图↓:

)Z`C4 KJ08TOER`E482R5O

这是谷歌浏览器的运行截图↓:

AJ WPBSH7ELV744M$6~BNTH

欢迎给我留言交流!

pissang commented 4 years ago

无法复现你的问题,请先排除下代码中的逻辑问题,并在 https://jsfiddle.net/ 建一个可以最小复现的 case

VS1r commented 4 years ago

问题解决,谷歌浏览器升级到最新稳定版😂