gpt4 book ai didi

javascript - jQuery flot - 适合时间轴刻度标签,没有文本溢出可变范围图表

转载 作者:行者123 更新时间:2023-11-28 02:06:50 26 4
gpt4 key购买 nike

我有一个简单的折线图,其中包含每日数据样本。但范围是用户可选择的(从 2 天到几年的数据)。

var chartConfig = {
xaxis: {
mode: "time",
timeformat: "%Y/%m/%d"
}
};

$.plot($("#chart"), readings, chartConfig);

我希望 x 轴刻度显示日期(例如 2013/07/15),但仅显示适当数量的刻度,均匀分布在整个范围内,以便标签文本不会溢出(例如 10 个刻度)。

我查看了 tickSizeminTickSize,但这些只是“指南” - 超过 4 个刻度线在此用例中没有任何影响。

最佳答案

最后,我自己写了一些东西来显示固定数量的刻度,无论数据范围如何。

它计算要显示刻度的样本的间隔,然后使用取模运算符来测试是否显示样本刻度。

var ticks = [];
var tick_count = 7; //number of ticks to show
var sample_count = readings[0].data.length;
var display_interval = Math.round((sample_count/tick_count));
for (var i = 0; i < sample_count; i++) {
if((i % display_interval) == 0) {
ticks.push(readings[0].data[i][0]);
}
}
chartConfig.xaxis.ticks = ticks;
$.plot($("#chart"), readings, chartConfig);

这假设所有样本的持续时间相同。

关于javascript - jQuery flot - 适合时间轴刻度标签,没有文本溢出可变范围图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17653034/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com