Lau
Posts: 0
Joined: Tue Jan 14, 2014 5:42 am

jqPlot date graph

Hi Appery team,

I have followed your other tutorials on getting my app working with jqPlot as seen here:
https://getsatisfaction.com/apperyio/...

I was able to get line charts working fine in the app but what I really need is to use Date charts.

I am using jqPlot for date charts as per here:
http://www.jqplot.com/tests/date-axes...

This is giving me an error when I load my app page:
Image

Any help?

Igor
Posts: 0
Joined: Tue Apr 02, 2013 12:05 pm

jqPlot date graph

Hi,

Did you add jqplot.dateAxisRenderer.min.js plugin into the project?

Lau
Posts: 0
Joined: Tue Jan 14, 2014 5:42 am

jqPlot date graph

I added jqplot.dateAxisRenderer.js

Igor
Posts: 0
Joined: Tue Apr 02, 2013 12:05 pm

jqPlot date graph

Can you post app public link so we can test it?

Lau
Posts: 0
Joined: Tue Jan 14, 2014 5:42 am

jqPlot date graph

http://appery.io/app/mobile-frame?src...

login is c/c
From app menu go to My Graph

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

jqPlot date graph

Hello! Sorry for a late reply. Delete files of jqplot.cursor and jqplot.dateaxisrenderer scripts. You need jquery.jqplot.min.js only.

Lau
Posts: 0
Joined: Tue Jan 14, 2014 5:42 am

jqPlot date graph

Hello!

The code I am using is from this example page:
http://www.jqplot.com/tests/date-axes...

The code is at the bottom of the page:

$(document).ready(function(){
var line1=[['2008-06-30 8:00AM',4], ['2008-7-30 8:00AM',6.5], ['2008-8-30 8:00AM',5.7], ['2008-9-30 8:00AM',9], ['2008-10-30 8:00AM',8.2]];
var plot2 = $.jqplot('chart2', [line1], {
title:'Customized Date Axis',
gridPadding:{right:35},
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickOptions:{formatString:'%b %#d, %y'},
min:'May 30, 2008',
tickInterval:'1 month'
}
},
series:[{lineWidth:4, markerOptions:{style:'square'}}]
});
});

Are you sure I dont need DateAxisRenderer ??

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

jqPlot date graph

Hi Lau,

You need DateAxisRenderer. Please add it after jquery.jqplot.min.js as it uses jquery.jqplot.min.js
That is, in your scrypt list jquery.jqplot.min.js should go before jqplot.dateAxisRenderer.min.js

Lau
Posts: 0
Joined: Tue Jan 14, 2014 5:42 am

jqPlot date graph

Many thanks, this solved my problem.

George6656971
Posts: 0
Joined: Wed Feb 12, 2014 5:05 am

jqPlot date graph

Kateryna,
I have deleted and added these manytimes in the UI and cannot figure out how to make the dateaxisrenderer to be last. It seems Appery automatically orders it backwards. here is a snapshot!

Image

Return to “Issues”