javascript - jqplot 缩放功能不起作用

Question

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

因此，缩放功能将非常有用。但它不起作用。

请看一下小提琴，它不能在 Firefox 上运行，只能在 google chrome 上运行：

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 添加到光标，如本例所示。

Answer 2

它不起作用，因为您指定了“ticks”选项。我有同样的问题。在我看来，即使我设置了刻度（作为初始“未缩放”值），这也应该按预期工作。