Question

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

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

请看看小提琴，它不会在Firefox上运行，只是在谷歌浏览器上：

这是我的代码：

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，如this example。

Answer 2

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

jqplot缩放功能不起作用

2 个答案: