我目前正在使用 Flop 在我的网站上显示图表。它是一个包含一系列数据的图表,x 轴设置为时间模式。现在我有一些按钮可以更改 View 的频谱(“显示全部”、“显示过去六个月”、“显示去年”等),但我不知道如何在不覆盖当前绘图的情况下更改特定属性。目前我正在这样做:
$("#six-months-scope").click(function () {
$.plot("#fd-weight-graph", data, {
xaxis: {
mode: "time",
min: <?php echo $newestEntry . " - 15552000000" ?>,
max: <?php echo $newestEntry ?>
}
});
});
但是如果我这样做,我还必须设置每个选项(例如设置颜色、线条、点等),我认为这是一个低效的解决方案。我只想更改最小和最大属性。
此外,如果我将最小值和最大值属性设置为轴,则图表不会从我设置的日期开始,而是在我设置的日期之前和之后结束。 $newestEntry 是数据系列中最新条目的日期,我希望它的点位于图表的右端。我希望你明白我的意思。
如有任何建议,我们将不胜感激。
最佳答案
要使用新数据和新轴最小/最大进行更新,然后重新绘制图表,我会这样做:
// somePlot is flot plot object saved from your initial $.plot call
somePlot.setData(newData);
somePlot.getOptions().xaxes[0].min = newMin;
somePlot.getOptions().xaxes[0].max = newMax;
somePlot.setupGrid();
somePlot.draw();
关于javascript - Flot渲染图表后如何设置数值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19723067/