我最近开始使用 jqPlot。生成的图表看起来很棒,我喜欢它。这里和那里有一些小东西要学,但总的来说它很棒。
我正在使用堆叠条生成并遇到了一个奇怪的问题。基本上,我想要 Y 轴上从 0 到 24 小时的 12 小时时间,X 轴上的天数,并在图表上绘制特定活动的秒数。而且,我希望天(午夜)从图表的顶部开始,然后到达底部。
我可以使用“min”和“max”的倒数轻松翻转数据,但是当我尝试翻转刻度时会出现问题;本质上是“时间”。
我将系列默认设置为隐藏轴:
seriesDefaults: {
renderer: $.jqplot.BarRenderer,
yaxis: 'y2axis'
},
我放了一个占位符系列(值全为 0,例如: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] )与单独的 yaxis 关联以绘制日期刻度:
series: [
{ show: true, yaxis: 'yaxis', }
],
我可以通过更改默认 y 轴上的最小值和最大值并将其隐藏来翻转值:
y2axis:{
min: 24,
max: 0,
showTicks: false
}
然后我设置刻度,并使用 DateAxisRenderer 格式化它们:
yaxis:{
renderer:$.jqplot.DateAxisRenderer,
ticks: ['0', '2', '4', '6', '8', '10', '12', '14', '16', '18', '20', '22', '24'],
tickOptions: { formatString: '%I:%M %p' }
}
这将创建一个 y 轴,时间从 12:00 AM 到 12:00 PM 再回到 12:00 AM 格式。但从图表底部开始按递增顺序。
显然,翻转“yaxis”上的最小值和最大值将一事无成,因为只有占位符值,而且它只会翻转值。我将如何翻转轴值,以便时间(从底部)24、22、20 ......等等,等等,等等?
提前感谢您的帮助。