javascript – jQuery jqPlot库12小时时间Y轴反转问题

2019-05-31 00:23:56 阅读：164 来源： 互联网

标签：jquery javascript jquery-plugins jqplot time-format

我最近开始使用jqPlot.生成的图形看起来很棒,我喜欢它.这里和那里有一些小东西要学,但总的来说它很棒.

我正在使用堆叠条生成并遇到了一个令人讨厌的问题.基本上,我希望从Y轴的0到24小时,X轴上的天数,以及在图表上绘制某个活动的秒数的12小时时间.但是,我希望这些日子(午夜)从图表的顶部开始,然后到底部.

我可以使用’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' }
}

这将创建一个yaxis,时间为从上午12:00到下午12:00,以该格式返回12:00 AM.但是从图的底部开始递增.

显然,在’yaxis’上翻转min和max将没有任何结果,因为只有占位符值,它只会翻转值.我将如何翻转轴值,以便时间(从底部)24,22,20 ……等等,？

感谢您的帮助.

解决方法:

>替换：

ticks: ['0', '2', '4', '6', '8', '10', '12', '14', '16', '18', '20', '22', '24']

附：

ticks: ['24', '22', '20', '18', '16', '14', '12', '10', '8', '6', '4', '2', '0']

>替换：

y2axis:{
    min: 24,
    max: 0,
    showTicks: false
}

附：

y2axis:{
    min: 0,
    max: 24,
    showTicks: false
}

这将正常排序y轴,但使用反向刻度序列.

标签：jquery,javascript,jquery-plugins,jqplot,time-format
来源： https://codeday.me/bug/20190530/1186935.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – jQuery jqPlot库12小时时间Y轴反转问题