Closed VS1r closed 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);
这是其他浏览器的运行截图↓:
这是谷歌浏览器的运行截图↓:
欢迎给我留言交流!
无法复现你的问题,请先排除下代码中的逻辑问题,并在 https://jsfiddle.net/ 建一个可以最小复现的 case
问题解决,谷歌浏览器升级到最新稳定版😂
echarts4.6 dataZoom在谷歌浏览器中无法显示,我排查了各种可能的问题,dataZoom一直不显示。最后换了个浏览器发现显示成功了。。。 附上代码:
这是其他浏览器的运行截图↓:
这是谷歌浏览器的运行截图↓:
欢迎给我留言交流!