jQuery-jqplot Termine nicht korrekt angezeigt
Ich habe ein problem mit meinem jqplot-Grafik.
<script type="text/javascript" src="/js/jplot/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="/js/jplot/plugins/jqplot.dateAxisRenderer.min.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
var data = [["25 August 2002", 299.75],["02 September 2002", 1511.22],["02 October 2002", 1967.00],["01 November 2002", 2335.80],["02 December 2002", 2008.15],["02 January 2003", 4579.52],["02 February 2003", 5253.98],["07 March 2003", 5491.12],["01 April 2003", 8937.26],["08 May 2003", 16520.95],["01 June 2003", 13725.03],["01 July 2003", 22800.12],["11 August 2003", 34828.20],["01 September 2003", 48176.53],["01 October 2003", 57216.98],["01 November 2003", 45644.96],["01 December 2003", 50927.94],["01 January 2004", 51279.52],["01 February 2004", 41711.34],["01 March 2004", 49790.00],["01 April 2004", 49686.61],["01 May 2004", 40634.78],["22 August 2004", 16889.98],["01 September 2004", 41684.68],["29 June 2006", 151.55],["25 March 2008", 469.75],["17 July 2008", 159.90],["04 August 2008", 719.55],["11 December 2009", 94.00],["01 December 2010", 449.95],["01 April 2011", 449.95],["01 June 2012", 4529.40]];
var plot1 = $.jqplot('chartdiv', [data],
{
axes:{
yaxis:{
label: 'Subs. Revenue',
tickOptions:{
formatString:'R%.2f'
},
min: 0
},
xaxis:{
label: 'Period',
renderer:$.jqplot.DateAxisRenderer,
tickOptions:{
formatString:'%b-%y'
},
pad: 1.2
}
}
}
)
});
</script>
<div id="chartdiv" style="height:600px;width:1000px; "></div>
Wenn ich die Grafik zeigt nur die in x-Richtung Punkte wie "Jan 01", "02 Jan", "Jan 03", etc. Einen Grund, warum dies passiert ist?
BEARBEITEN schonmal ein img zu zeigen, was falsch ist.
- Was format, das Sie anzeigen möchten? wie jan-2012
- %b-%y - Oder vielmehr das Datum "25. August 2002" sollte umgewandelt werden in "Aug-2002"
- wenn Sie möchten, ändern Sie die Jahreszahl bedeutet versuchen mit formatString:'%b-%Y'
Du musst angemeldet sein, um einen Kommentar abzugeben.
Erwägen, Ihren Kommentar-ich denke, Sie wollen
%b-%Y
eher als die%b-%y
.Ein code-Beispiel zeigt die Verwendung von "%b-%Y'.
Auch für alle unterstützten Dateitypen finden. Sie konnte auch feststellen, dass der bereitgestellte code-Beispiel zeigt, wie das hinzufügen Ihrer benutzerdefinierten Datum-format nur verwenden, '%F', wie die
formatString
zu sehen, wie es funktioniert.dateAxisRenderer
undjqplot
scripts, dann funktioniert es. Am besten, wenn Sie einen minimalen code-Beispiel mit Ihrem problem. Bauen Sie zum Beispiel bei jsfiddle.net so können alle sehen, was das problem ist.Unten unterstützt das format der Datums-Achse Rendern verwenden wie pro Anforderung