1 2 3 Previous Next 32 Replies Latest reply on Mar 1, 2011 11:44 AM by spiritfox26 Go to original post
      • 15. Re: New JSF Chart Library (JSFlot)

         

        "nimo22" wrote:

        Coupling ajax-server-side-action-methods to the plots is easy - I guess hanging rich:a4j:support would be enough.

        Besides, would be nice, to have some nice effects in your plots such as the flash-based plots.


        What I am currently working on though, is to implement a drag-and-drop functionality. To elaborate, if you are showing a time-series chart with X-values ranging from 1/1/08 to 1/3/08, I would like a click-and-drag on the chart to fire a ValueChangeListener, which will let you know how many X-value milliseconds that were dragged (and in what direction). That way you could update your model, and AJAX would re-render the chart with the new timeframe.

        I'm currently trying out a few approaches to implement this though.

        • 16. Re: New JSF Chart Library (JSFlot)
          nimo22

          By the way, where lies the difference of JSFlot and JFreeChart?



          • 17. Re: New JSF Chart Library (JSFlot)
            nimo22

            The example

            http://www.solutoire.com/experiments/flotr/examples/mouse-tracking.html

            shows the datapoint by moving within the graph. Would be really nice to have a JSF-property which holds the actual selected datapoint. Imagine I click on a datapoint and return exactly this record via backend.

            • 18. Re: New JSF Chart Library (JSFlot)

              Well, JFreeChart relies on the server parsing the data and rendering a bitmap image (JPG/PNG). This image is then transferred from the client to the server.

              With JSFlot, the JS library, and the datapoints and config are transferred. Therefore, a lot of the processing is moved from the server onto the client, which will be very beneficial in many environments (There is usually a lot of resources available at the client end, but the server needs to scale for many users).

              "nimo22" wrote:
              By the way, where lies the difference of JSFlot and JFreeChart?



              • 19. Re: New JSF Chart Library (JSFlot)

                JSFlot have mousetracking as well (enable the "Tooltip" option in the Live Demo at http://jsflotdemo.haagen.name ).

                Mouse events is also planned for JSFlot. I am currently working on the drag-and-drop via Ajax (as described above), after which I will have more options to implement other mouse events, as the Ajax bit is already in place.

                "nimo22" wrote:
                The example

                http://www.solutoire.com/experiments/flotr/examples/mouse-tracking.html

                shows the datapoint by moving within the graph. Would be really nice to have a JSF-property which holds the actual selected datapoint. Imagine I click on a datapoint and return exactly this record via backend.



                • 20. Re: New JSF Chart Library (JSFlot)
                  jbalunas

                   

                  "joachimhb" wrote:
                  There are advantages and disadvantages to both approaches. Below is some points from the top of my head. There might be more, and you might disagree though...

                  Flash advantages:
                  ...
                  Flash disadvantages:
                  ...

                  JSFlot advantages:
                  ....
                  JSFlot disadvantages:
                  ....


                  Hi joachimhb. This is a good summary and I agree with all of it. I really like what you are doing with JSFlot. Once 3.3.1 is released I'd like to take a closer a look.

                  -Jay


                  • 21. Re: New JSF Chart Library (JSFlot)

                    Version 0.2.0 is out with the following new features:

                    * Fixed a bug where only /faces/ prefix and .jsf suffix for the Faces Servlet works with loading the JavaScript? Resources.
                    X and Y axis labels and titles can be rotated, specified in degrees.
                    * Added support for dragging the X-axis and triggering a ValueChangeEvent? with the number of X-axis values dragged.
                    * Added AJAX support for valueChangeListener, as well as re-drawing of the chart based on the result of the valueChangedEvent
                    * Added JavaScript? library blackbird Javascript library for Javascript Debugging of JSFlot.

                    Google Code site: http://code.google.com/p/jsflot/

                    • 22. Re: New JSF Chart Library (JSFlot)

                      Version 0.2.2 is out.

                      Version 0.2.2 Stacked Bars
                      - Added support for Stacked Bars
                      - Added a JS function to refresh the chart via an AJAX call. JSFlot.AJAX.RefreshChart('chartID'); (Used if the chart is inside a modal panel, or other hidden content (needs to be called when the hidden element becomed visible).
                      - Changed the visualization for drag and drop support
                      - Changed Time mode to reuse Flotrs Time mode, and added a time format option.

                      Version 0.2.1 Support for non-facelets
                      - Added Tag classes to be able to support non-facelets JSF 1.2 applications

                      Google Code site: http://code.google.com/p/jsflot/

                      • 23. Re: New JSF Chart Library (JSFlot)

                        Version 0.2.5 is out, which is the last release before the summer. Next release most likely in early september.

                        Version 0.2.5:
                        - Added JSMin to ResourceLoaderPhaseListener to automatically pack all Javascript files served from JSFlot. This effectively halves the size of all Javascript files transferred to the client. (http://inconspicuous.org/projects/jsmin/jsmin.java)
                        - Added ajaxSingle for single-chart ajax submit (complete form is not submittet)
                        - Added reRender attribute to update parts of the DOM tree, identified by the JSF ID attribute (Not the complete ClientID)

                        Google Code site: http://code.google.com/p/jsflot/
                        Livde Demo: http://jsflotdemo.haagen.name/

                        • 24. Re: New JSF Chart Library (JSFlot)

                          Version 0.3.5 is out and has better support for older IE browsers, among other things.

                          Version 0.3.5
                          - Added support for IE 6 and 7.
                          - Ajax redraw supported by Prototype, JQuery and JBoss Richfaces expressively
                          - Support for Chart Zooming with Overview.
                          - Fixed a bug where the chart would not render if the ID and the ClientId has the same value.
                          - Added possibility to add a label for each data point on the chart.

                          Google Code site: http://code.google.com/p/jsflot/
                          Livde Demo: http://jsflotdemo.haagen.name/

                          • 25. Re: New JSF Chart Library (JSFlot)

                            Just a quick update.

                             

                            Version 0.5.0 is out with more chart types and the ability to build up a chart purely from JSF tags.

                             

                            Version 0.5.0 - Manual charts

                            - Added support for subtags XYDataList, XYDataPoint, BubbleDataPoint and CandlestickDataPoint

                             

                            Version 0.4.0 Bubble- and Candle Stick charts

                            - Added possibility to override default chart colors.

                            - Updated Flotr to Revision 146.

                            - Added support for Bubble Charts

                            - Added support for Candle Stick Charts

                            Google Code site: http://code.google.com/p/jsflot/
                            Live Demo: http://jsflotdemo.haagen.name/

                            • 26. Re: New JSF Chart Library (JSFlot)

                              JSFlot just reached version 0.6.0 and is approaching a final release.

                               

                              New in version 0.6.0:

                               

                              - Added support for ICE Faces
                              - Added support for specifying width in percent in addition to in pixels. (height % awaits a bug fix in Flotr)
                              - Added support for date format in tooplip when mode is 'time'
                              JSFlot is available at the usual site: http://code.google.com/p/jsflot
                              The Live demo is still at: http://jsflotdemo.haagen.name/
                              • 27. Re: New JSF Chart Library (JSFlot)
                                ilya_shaikovsky

                                Good news! Need to look into

                                • 28. Re: New JSF Chart Library (JSFlot)

                                  Thanks!

                                   

                                  My hosting server has been down most of the day for a memory upgrade, but should be back up again now

                                  • 29. Re: New JSF Chart Library (JSFlot)
                                    spiritfox26

                                    Good, i like the charts!, i'm thinking to move to it!

                                     

                                    Regards