散点图放大时部分数据消失

苯ben鼠 发布于 2015/08/26 08:51
阅读 62
收藏 0

@Kener-林峰 你好,想跟你请教个问题:

当拖动datazoom放大数据时,部分散点图数据消失,这是echarts的自身bug吗?

option代码如下:

option = {
    title : {
        text : '类目坐标散点图',
        subtext : 'dataZoom支持'
    },
    tooltip : {
        trigger: 'axis',
        axisPointer:{
            show: true,
            type : 'cross',
            lineStyle: {
                type : 'dashed',
                width : 1
            }
        }
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    dataZoom: {
        show: true,
        start : 30,
        end : 70
    },
    legend : {
        data : ['series1', 'series2']
    },
    dataRange: {
        min: 0,
        max: 100,
        orient: 'horizontal',
        y: 30,
        x: 'center',
        //text:['高','低'],           // 文本,默认为数值文本
        color:['lightgreen','orange'],
        splitNumber: 5
    },
    xAxis : [
        {
            type : 'category',
            /*axisLabel: {
                formatter : function(v) {
                    return '类目' + v
                }
            },*/
            data : function (){
                var list = [];
                var len = 0;
                while (len++ < 88) {
                    list.push(len);
                }
                return list;
            }()
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    animation: false,
    series : [
        {
            name:'series1',
            type:'scatter',
            tooltip : {
                trigger: 'item',
                formatter : function (params) {
                    return params.seriesName + ' ('  + '类目' + params.value[0] + ')<br/>'
                           + params.value[1] + ', ' 
                           + params.value[2]; 
                },
                axisPointer:{
                    show: true
                }
            },
            symbolSize: 3,
            data: (function () {
                var d = [];
                var len = 0;
                var value;
                while (len++ < 88) {
                    d.push([
                        len,
                        (Math.random()*30).toFixed(0) - 0,
                        (Math.random()*100).toFixed(0) - 0
                    ]);
                }
                return d;
            })()
        },
        {
            name:'series2',
            type:'scatter',
            tooltip : {
                trigger: 'item',
                formatter : function (params) {
                    return params.seriesName + ' ('  + '类目' + params.value[0] + ')<br/>'
                           + params.value[1] + ', ' 
                           + params.value[2]; 
                },
                axisPointer:{
                    show: true
                }
            },
            symbolSize: 3,
            data: (function () {
                var d = [];
                var len = 0;
                var value;
                while (len++ < 88) {
                    d.push([
                        len,
                        (Math.random()*30).toFixed(0) - 0,
                        (Math.random()*100).toFixed(0) - 0
                    ]);
                }
                return d;
            })()
        }
    ]
};
                    


加载中
返回顶部
顶部