jqplot缩放功能不起作用

Question

我想用jqplot在浏览器中可视化一些时间序列数据.我的问题是,x轴值重叠并且不可读.

因此,缩放功能非常有用.但它不起作用.

请看看小提琴,它不在Firefox上运行,只是在谷歌铬:

http://jsbin.com/onufih/9/edit

这是我的代码:

function getTicks() {

    var ticks = [];

    for (var i = 0; i < data.length; i++) {
        var item = data[i];
        var dateStr = item[0];
        ticks.push(dateStr);
    }

    return ticks;
}

var overviewChart = $.jqplot('overviewChart', [data], {
    title: 'Rotated Axis Text',
    axes: {
        xaxis: {
            renderer: $.jqplot.DateAxisRenderer,
            rendererOptions: {
                tickRenderer: $.jqplot.CanvasAxisTickRenderer
            },
            ticks: getTicks(),
            tickOptions: {

                formatString: '%#m/%#d/%y - %#H h - %#M m - %#S s',
                fontSize: '10pt',
                fontFamily: 'Tahoma',
                angle: -40
            }
        },
        yaxis: {
            rendererOptions: {
                tickRenderer: $.jqplot.CanvasAxisTickRenderer
            },
            tickOptions: {
                fontSize: '10pt',
                fontFamily: 'Tahoma',
                angle: 30
            }
        }
    },
    series: [{
        lineWidth: 4,
        markerOptions: {
            style: 'square'
        }
    }],
    cursor: {
        zoom: true,
        looseZoom: true
    }
});

}

Answer 1

您需要在光标中添加show:true,如本例所示.