Great package for simple Analytics data inside Umbraco :)
I'm not sure if it's a specific graph plugin that is used and which options it has.. but perhaps some future ideas could be to display som interactive options? Like show the values when hovering the dots (tooltip) and display what which color bar/curves represent (perhaps possibility to disable other data bars/curves). E.g. something like this?
Highcharts was just an example to demonstrate the interactive functionality.. not necessarily a requirement to use that one.. I think there a other plugins as well, also open source plugins that have some of the basic option.. Highcharts have also quite advanced options and I like that Analytics plugin for Umbraco just is kept simple :)
I think the Analytics package already is using Google Charts on the map of the world, where you see the visits from different countries and there is a bit of interactive on hovering each country :)
Hi Bjarne,
Yes we use the Google GeoMap chart for the countries view and could use it across all charts instead. I think I originally chose ChartJS.org as it looked a little prettier & had some nice canvas animation when it loads the data, but is missing the data on hover, which is a shame.
@Tim do you agree to move everything over to use Google Charts?
But a issue might be that those plugins not include all options or Google develop new features and those plugins need to be updated to include the new features..
Another issue with Chart.js I think is that sometimes the text on the axis are really close to each other (mostly an issue on x-axis).. it's hard to see in this example below that it says "01/2011", next "02/2011"... etc..
Ok I will look into switching over to Google Charts perhaps today's lunchtime hack, if not it will be next week as Friday lunchtime is uHangout time :)
Hey Roel,
Sorry for the really late reply, I don't seem to be getting all notifications correctly atm.
But no unfortunately I did not switch it out, happy to collab with you if you wish?
For now I have submitted a pull request https://github.com/warrenbuckley/Analytics/pull/6 which use a newer version of Chart.js which have new features (Responsive, Modular, Interactive) so it display tooltips on hover in e.g. the line chart or bar chart.
Perhaps interactive options?
Great package for simple Analytics data inside Umbraco :)
I'm not sure if it's a specific graph plugin that is used and which options it has.. but perhaps some future ideas could be to display som interactive options? Like show the values when hovering the dots (tooltip) and display what which color bar/curves represent (perhaps possibility to disable other data bars/curves). E.g. something like this?
http://www.highcharts.com/demo/
Futhermore the label "Vists" .. I think you mean "Visits" :) .. or is there a reason to save the "i"? :)
/Bjarne
Comment author was deleted
Sounds good, if you are up for it you can always submit a pull request :) https://github.com/warrenbuckley/Analytics
I looked at highcharts its not opensource and requires a license, which is a shame.
Cheers
Warren
Hi Warren
Highcharts was just an example to demonstrate the interactive functionality.. not necessarily a requirement to use that one.. I think there a other plugins as well, also open source plugins that have some of the basic option.. Highcharts have also quite advanced options and I like that Analytics plugin for Umbraco just is kept simple :)
What about Google Charts perhaps? https://developers.google.com/chart/
/Bjarne
I think the Analytics package already is using Google Charts on the map of the world, where you see the visits from different countries and there is a bit of interactive on hovering each country :)
Hi Bjarne,
Yes we use the Google GeoMap chart for the countries view and could use it across all charts instead. I think I originally chose ChartJS.org as it looked a little prettier & had some nice canvas animation when it loads the data, but is missing the data on hover, which is a shame.
@Tim do you agree to move everything over to use Google Charts?
Okay I see :)
But a issue might be that those plugins not include all options or Google develop new features and those plugins need to be updated to include the new features..
A big advantage with Google chart is also that they have indicators on what the colors bars/curves represent, like on the right side here: https://google-developers.appspot.com/chart/interactive/docs/gallery/barchart#SimpleExample
Furthermore the axis interval values listed is text, where it graphic in Chart.js, e.g. month names..
Another issue with Chart.js I think is that sometimes the text on the axis are really close to each other (mostly an issue on x-axis).. it's hard to see in this example below that it says "01/2011", next "02/2011"... etc..
Futhermore Google Charts have some animation: https://developers.google.com/chart/interactive/docs/animation#Examples
Perhaps you could make some simular animation as Chart.js has..
/Bjarne
Comment author was deleted
Yeah might be good to move to google charts
Ok I will look into switching over to Google Charts perhaps today's lunchtime hack, if not it will be next week as Friday lunchtime is uHangout time :)
Google Charts looks nice. Did you give it a try Warren?
Hey Roel, Sorry for the really late reply, I don't seem to be getting all notifications correctly atm.
But no unfortunately I did not switch it out, happy to collab with you if you wish?
Thanks,
Warren
For now I have submitted a pull request https://github.com/warrenbuckley/Analytics/pull/6 which use a newer version of Chart.js which have new features (Responsive, Modular, Interactive) so it display tooltips on hover in e.g. the line chart or bar chart.
Furthermore I have added some minor changes..
/Bjarne
Hey Bjarne,
I will try & check your pull request later today & do a minor release if all is good.
Thanks for getting involved & helping out.
I love Open Source!
Cheers,
Warren :)
Hi Warren
Sounds great .. no rush :)
But it seems to give some extra nice new features :)
Thanks,
Bjarne
is working on a reply...