apache / echarts

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

dataroom在条形图中实际显示与room条不匹配 #2080

Closed DataIntel closed 7 years ago

DataIntel commented 9 years ago

配置option为:

{
        title : {
            text: '医院 实际开放床位分布'
        },
        tooltip : {
            trigger: 'axis'
        },
        color: ['#7F3FBF'],
        grid: {x:150},
        xAxis : [
            {
                type : 'value',
                boundaryGap : [0, 0.01]
            }
        ],
        dataZoom : {
            show : true,
            realtime : true,
            orient: 'vertical',
            start : 0,
            end : 40,
            zoomLock: true
        },
        yAxis : [
            {
                type : 'category',
                axisLabel: { interval: 0 },
                data : ['医院1','医院2','医院3','医院4','医院5','医院6','医院7','医院8','医院9','医院10','医院11','医院12','医院13','医院14','医院15','医院16','医院17','医院18','医院19','医院20','医院21','医院22','医院23','医院24']
            }
        ],
        series : [
            {
                name:'实际开放床位',
                type:'bar',
                itemStyle:  { 
                    normal: {
                        label : {
                            show: true
                        }
                    }
                },
                data:[182, 234, 290, 104, 234, 290, 104,182, 234, 290, 104, 234, 290, 104,182, 234, 290, 104, 234, 290, 104,182, 234, 290]
            }
        ]
    }

按理应该按下图显示, pic2

但实际是按这个显示的。 pic1

stanleyxu2005 commented 9 years ago

这个zoom是顺时针转了90度,蓝色半透明部分就是选中的部分。 你配置里面设置datazoom的区域是start: 0, end: 40,看上去没有什么问题。

DataIntel commented 9 years ago

这里医院一共有24家。在你鼠标移动这个区间时,就立刻区间上立刻变成医院14-医院24.,你可以亲自在example上配置一下试试看。也就是说实际显示的这个,所选区间与条形图对应关系是错的。

DataIntel commented 9 years ago

http://echarts.baidu.com/doc/example/bar3.html 把我上面的option贴过去,点刷新,就能看到问题。