Flot Chart泛范围

时间:2013-08-22 03:40:36

标签: jquery flot

我有一个相当简单的图表

    var d1 = [['A', 5], ['B', 7], ['C', 8], ['D', 9], ['E', 0], ['F', 10], ['G', 5], ];

    $.plot(".appointments_chart", [d1],
    {
        xaxis: {
            mode: "categories",
            tickLength: 0,
            panRange: [null, null]
        },
        yaxis: {
            panRange: false
        },
        pan: {
            interactive: true
        }
    });

我想要的是当显示初始图表时,X轴上只有三个点,C,D& E和用户可以向前或向后平移以查看其他人。这可能吗?

1 个答案:

答案 0 :(得分:1)

我得到它的方式是这样的......

var d1 = [['C', 8], ['D', 9], ['E', 0]];
var options = {
    xaxis: {
        mode: "categories",
        tickLength: 0,
        panRange: [null, null]
    },
    yaxis: {
        panRange: false
    },
    pan: {
        interactive: true
    }
}
$.plot(".appointments_chart", d1, options );

// something big happened, let's add them all..
var d2 = [['A', 5], ['B', 7], ['F', 10], ['G', 5]];
$.plot(".appointments_chart", $.merge(d1,d2), options );