Question

我正在尝试根据点击的链接设置我的xaxis时间跨度。我正在使用date.js库，如果我手动设置一个日期，那么它可以工作。但我需要有条件的时间跨度不同的日期。这是选项的代码。我想知道我是否可以创建一个函数并以某种方式将其提供给xaxis。我尝试添加一个函数，但它不起作用，会杀死我的情节。

 var options = {
    series: {
        lines: {
            show: true
        },
        points: {
            show: true
        }
    },
    <b>xaxis: {
        mode: "time",
        minTickSize: [1, "month"],
        timeformat: "%m/%d",
        panRange: [Date.today().add(-2).years(),Date.today().add(3).years()],
        min: Date.today().add(-1).months(),
        max: Date.today().add(1).months()
        },</b>
    yaxis: {
        mode: "money",
        tickDecimals: 2,
        panRange: [0, 100],
        tickFormatter: dollarFormatter
    },
    zoom: {
        interactive: false

    },
    pan: {
        interactive: true
    },
    grid: {
        hoverable: true,
        clickable: true
    }
};

我基本上想要了解的是，可以创建一个函数来修改x轴的最小值和最大值，具体取决于点击的时间跨度链接。例如，当单击7d链接时，我想要7天的跨度。点击1个月后，我想要一个月的时间跨度。等等.... 粗体是我想要创建一个函数，它具有一个开关来改变最小值和最大值以及minTickSize，具体取决于点击的链接来改变时间跨度。

Answer 1

无法使用flotjs“即时”修改这些值。唯一的选择是将数据存储到一些带有必要参数的变量和重绘图表中。

条件最小和最大flot图表

1 个答案: