移动设备上的Highcharts平移图表

时间:2017-02-10 10:21:54

标签: javascript angularjs mobile highcharts panning

我想建立一个平移图表,就像这个http://jsfiddle.net/6ccc08yg/

一样
$(function () {
$('#container').highcharts({
    chart: {
        panning: true,
    },
    xAxis: {
        categories: ['1#', '2#', '3#', '4#', '5#', '6#', '7#', '8#', '9#', '10#', '11#', '12#', '13#', '14#', '15#', '16#', '17#', '18#', '19#', '20#', '21#', '22#', '23#', '24#', '25#', '26#', '27#', '28#', '29#', '30#', '31#', '32#', '33#', '34#', '35#', '36#', '37#', '38#', '39#', '40#', '41#', '42#', '43#', '44#', '45#', '46#', '47#', '48#', '49#', '50#', '51#', '52#', '53#', '54#', '55#', '56#', '57#', '58#', '59#', '60#', '61#', '62#', '63#', '64#', '65#', '66#', '67#', '68#', '69#', '70#', '71#', '72#', '73#', '74#', '75#', '76#', '77#', '78#', '79#', '80#', '81#', '82#', '83#', '84#', '85#', '86#', '87#', '88#'],
        min: 0,
        max:18

    },
    navigator: {
        enabled: false
    },
    yAxis: {
        allowDecimals: false,
        min: 0,
        max: 10
    },
    series: [{
        data: [0, 0, 8, 10, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1]}]
    });
});

不幸的是,它无法在移动设备上运行,我需要在移动设备上显示它,特别是在Ionic应用程序中。

我也尝试添加followTouchMove = false,但这并没有改变任何东西。 我已经尝试过在线建议添加pinchType ='x',但这两种方法都没有用。

如何获得适用于移动设备的平移图表?

谢谢, 塞布丽娜

0 个答案:

没有答案