login  Naam:   Wachtwoord: 
Registreer je!
 Forum

jqplot start op 2e x-waarde (Opgelost)

Offline Emonk - 22/07/2012 22:39 (laatste wijziging 22/07/2012 22:43)
Avatar van EmonkLid Hallo allemaal,

Voor een grafiek met jqplot gebruik ik de volgende code:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <link class="include" rel="stylesheet" type="text/css" href="http://camilstaps.nl/wp-content/plugins/nanostats/jquery.jqplot.min.css" />
  2. <script class="include" type="text/javascript" src="http://camilstaps.nl/wp-content/plugins/nanostats/jquery.min.js"></script>
  3.  
  4. <div id="nanostats" style="width:600px; height:350px;"></div>
  5.  
  6. <script class="include" type="text/javascript" src="http://camilstaps.nl/wp-content/plugins/nanostats/jquery.jqplot.min.js"></script>
  7. <script class="include" language="javascript" type="text/javascript" src="http://camilstaps.nl/wp-content/plugins/nanostats/jqplot.barRenderer.min.js"></script>
  8. <script class="include" language="javascript" type="text/javascript" src="http://camilstaps.nl/wp-content/plugins/nanostats/jqplot.categoryAxisRenderer.min.js"></script>
  9. <script class="include" language="javascript" type="text/javascript" src="http://camilstaps.nl/wp-content/plugins/nanostats/jqplot.canvasAxisTickRenderer.min.js"></script>
  10. <script class="include" language="javascript" type="text/javascript" src="http://camilstaps.nl/wp-content/plugins/nanostats/jqplot.canvasTextRenderer.min.js"></script>
  11. <script class="include" language="javascript" type="text/javascript" src="http://camilstaps.nl/wp-content/plugins/nanostats/jqplot.highlighter.min.js"></script>


(ge-include scripts en stylesheet bestaan en kloppen)


javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. $(document).ready(function(){
  2. 	var s1 = [[1,1817],[2,2414],[3,4400],[4,5013],[5,8873],[6,11875],[7,13346],[8,14785],[9,17290],[10,17854],[11,17854],[12,18414],[13,19468],[14,21766],[15,23772],[16,24426],[17,27164],[18,27164],[19,32172],[20,35680],[21,35680],[22,40700],[23,40967],[24,42096],[25,42096],[26,44834],[27,47908],[28,49145],[29,49247],[30,50003]];
  3. 	var s2 = [[1,1667],[2,3333],[3,5000],[4,6667],[5,8333],[6,10000],[7,11667],[8,13333],[9,15000],[10,16667],[11,18333],[12,20000],[13,21667],[14,23333],[15,25000],[16,26667],[17,28333],[18,30000],[19,31667],[20,33333],[21,35000],[22,36667],[23,38333],[24,40000],[25,41667],[26,43333],[27,45000],[28,46667],[29,48333],[30,50000]];
  4.  
  5. 	var plot1 = $.jqplot('nanostats', [s2,s1], {
  6. 		seriesColors: ["#674732","#8888cc"],
  7. 		series:[
  8. 				{
  9. 					highlighter: {
  10. 						formatString: ""
  11. 					},
  12. 					markerOptions: {
  13. 						size: 0
  14. 					}
  15. 				},
  16. 				{
  17. 					renderer: $.jqplot.BarRenderer,
  18. 					rendererOptions: {
  19. 						barWidth: 10
  20. 					},
  21. 					highlighter: {
  22. 						formatString: "Day %s: %d"
  23. 					}
  24. 				}
  25. 			],
  26. 		title: "NaNoWriMo Stats for camilstaps",
  27. 		axes: {
  28. 			xaxis: {
  29. 				renderer: $.jqplot.CategoryAxisRenderer
  30. 			},
  31. 			yaxis: {
  32. 				min: 0,
  33. 				max: 60000,
  34. 				numberTicks: 7,
  35. 				tickOptions: {formatString: '%d'}
  36. 			}
  37. 		},
  38. 		highlighter: {
  39. 			show: true,
  40. 			sizeAdjust: 0,
  41. 			showMarker: false
  42. 		}
  43. 	});
  44. });


Je kunt het resultaat zien op http://file.camilstaps.nl/jqplot.html

Wat nu het vreemde is, is dat de staafgrafiek pas begint bij x-waarde 2, terwijl hij zou moeten beginnen bij waarde 1 gezien de datalijst en ook de hover als je met je muis over de eerste staaf gaat.
Hierdoor wordt ook de laatste waarde, 50003, niet weergegeven in de grafiek.

Als ik s2 en s1 omdraai is het precies andersom: dan begint s1 pas bij de tweede x en laat hij de laatste s1 niet zien.

Weet iemand hoe dit komt en/of hoe ik dit kan verhelpen?

Alvast bedankt!

2 antwoorden

Gesponsorde links
Offline Martijn - 23/07/2012 12:05
Avatar van Martijn Crew PHP var s1 en s2 beginnen elk met 1, een array telt vanaf 0, ik gok zo dat dat het is 
Offline Emonk - 19/08/2012 17:24
Avatar van Emonk Lid Nope, dan zouden ze beide beginnen bij de 2e x beginnen ;)
Het probleem was de afstand tussen de staven, daardoor lijkt het alsof de tweede set staven later begint.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.188s