search

dalanmiller / MooData-App

This is the front-end application for MooData which we will develop using Yeoman and deploy via PhoneGap
0 stars 0 forks source link

Implement either D3.js or Google Charts #7

Open dalanmiller opened 10 years ago

dalanmiller commented 10 years ago

Need to add dynamic charts into the trend view page

dalanmiller commented 10 years ago

Hey Sara, did Marco email you examples?

cy3237 commented 10 years ago

Not yet.

Sara

On 21 Nov 2013, at 2:54 pm, Daniel Alan Miller notifications@github.com wrote:

Hey Sara, did Marco email you examples?

— Reply to this email directly or view it on GitHub.

dalanmiller commented 10 years ago

Hey I found some samples online. Did you find these?

https://developers.google.com/chart/interactive/docs/gallery/linechart

cy3237 commented 10 years ago

@Daniel I’m working on it. Currently, I’ve successfuly made the line chart with D3.js. I’m now trying to make it responsive.

Sara

On 21 Nov 2013, at 11:42 pm, Daniel Alan Miller notifications@github.com wrote:

Hey I found some samples online. Did you find these?

https://developers.google.com/chart/interactive/docs/gallery/linechart

— Reply to this email directly or view it on GitHub.

dalanmiller commented 10 years ago

Hey Sara, I @'d you in the commit message but just wanted to make sure you know that the charts.js code is now in the moodata.js file.

Basically everything in that 'TrendsCtrl" is available when the 'Trends' page is active on the app.

cy3237 commented 10 years ago

I saw it. But I found that the chart doesn’t display the whole year but a small part of time range. Did you do something to fix on certain time range?

Besides, I’m not sure how the controller works. I’ll do the datepicker on the old chart page first.

Sara

On 25 Nov 2013, at 2:05 pm, Daniel Alan Miller notifications@github.com wrote:

Hey Sara, I @'d you in the commit message but just wanted to make sure you know that the charts.js code is now in the moodata.js file.

Basically everything in that 'TrendsCtrl" is available when the 'Trends' page is active on the app.

— Reply to this email directly or view it on GitHub.

dalanmiller commented 10 years ago

Hey Sara,

What further steps do you think we need to take to make the charts better? Besides the date selection?

I found this little library?

https://github.com/webstandardcss/ptTimeSelect

cy3237 commented 10 years ago

@Daniel I think we should enable the user to select other parameters to see the trends(being the y-axis). Additionally, multi-line chart is also an option. What do you think?

Besides, the ptTimeSelect library you found seems to support time selection rather than date selection. And it is not scroller form. What do you want to use it for?

Sara

On 1 Dec 2013, at 3:34 pm, Daniel Alan Miller notifications@github.com wrote:

Hey Sara,

What further steps do you think we need to take to make the charts better? Besides the date selection?

I found this little library?

https://github.com/webstandardcss/ptTimeSelect

— Reply to this email directly or view it on GitHub.

dalanmiller commented 10 years ago

Hey Sara, have you tried to get this working on the grunt server? For some reason it's not working for me on an actual device.

cy3237 commented 10 years ago

The chart doesn’t work when I run grunt server.

Sara

On 3 Dec 2013, at 2:42 pm, Daniel Alan Miller notifications@github.com wrote:

Hey Sara, have you tried to get this working on the grunt server?

— Reply to this email directly or view it on GitHub.

dalanmiller commented 10 years ago

Can you try debugging?

Also this is what the date selection currently looks on my device.

cy3237 commented 10 years ago

Hi Daniel, I need to access the new trend page to debug, but how can I login? It always fails.

Sara

On 3 Dec 2013, at 3:01 pm, Daniel Alan Miller notifications@github.com wrote:

Can you try debugging?

Also this is what the date selection currently looks on my device. — Reply to this email directly or view it on GitHub.

cy3237 commented 10 years ago

@Daniel

About the date picker, I tested on the emulator, and only the 4.4 OS could call out the native Android date picker with the small rectangular button. Nothing happens in 4.3 and 4.2. Do we need to use some other date picker tool? I understand that less js library is expected, but I didn’t find any date picker with existing library. What’s your opinion in using other library such as jQuery ui or jQuery Mobile to do the date picker?

Also, I’m worried about the chart function and ionic thing. “For Ionic 0.9.x beta, that means UIWebView for iOS 6 and 7, and Android 4.2+. “ The dashboard only looks normal on my 4.4 emulator, not on 4.3 and 4.2. Plus, the trend chart works well in Chrome with grunt server, but cannot be generated in any emulator. As I have no device and my emulator works slow, I wonder if it might function well on device. Can you test it? If there’s something I need to fix, please tell me asap.

Sara

On 3 Dec 2013, at 6:18 pm, Sara cy3237@icloud.com wrote:

Hi Daniel, I need to access the new trend page to debug, but how can I login? It always fails.

Sara

On 3 Dec 2013, at 3:01 pm, Daniel Alan Miller notifications@github.com wrote:

Can you try debugging?

Also this is what the date selection currently looks on my device. — Reply to this email directly or view it on GitHub.

daniel commented 10 years ago

Please stop mentioning "@daniel", I get notification emails all the time.