Jamie

My feedback

  1. 25 votes
    Vote
    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      I agree to the terms of service
      Signed in as (Sign out)
      You have left! (?) (thinking…)
      12 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
      Jamie commented  · 

      @Larry - do you mean having the histogram rotated horizontally?

      If so, take a look at this SO answer and demo:

      https://stackoverflow.com/questions/35584760/horizontal-bar-and-line-chart-with-highcharts/35589644#35589644

      http://jsfiddle.net/jlbriggs/r2Lvo2dw/

      Jamie commented  · 

      I make histograms with Highcharts frequently: http://jsfiddle.net/jlbriggs/9LGVA/3/
      But you have to pre-process your data.

    • 9 votes
      Vote
      Sign in
      Check!
      (thinking…)
      Reset
      or sign in with
      • facebook
      • google
        Password icon
        I agree to the terms of service
        Signed in as (Sign out)
        You have left! (?) (thinking…)
        4 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
        Jamie supported this idea  · 
        Jamie commented  · 

        Jon - the value of a beeswarm plot is being able automatically arrange the points in a large data set, to see the distribution of the data. Any data set that you might want to view a distribution of (histogram, boxplot, violin plot, etc) would be fair game for viewing as a beeswarm plot.

        Arranging the x values by hand in that manner is not an viable option in such a case.

        Here is an example dataset pulled from the same package as the link in the request above:
        http://jsfiddle.net/jlbriggs/e7k3ar4o/

        This fiddle is a demo of a technique that generates a histogram for a given data set, that has also been set to return the individual points, stacked within the bins that they fall into (the idea being to show the histogram, but also show how the data actually fits within each bin, which can sometimes give additional insight about the distribution of the data).

        I built this demo a while ago, and it hints at the idea of a beeswarm, but a beeswarm would require much more complexity and flexibility in the layout of the points, with at least some of the configuration options that are listed in the R library linked to in the request, and consideration given to marker radius property, or auto-scaling of marker radius.

      • 58 votes
        Vote
        Sign in
        Check!
        (thinking…)
        Reset
        or sign in with
        • facebook
        • google
          Password icon
          I agree to the terms of service
          Signed in as (Sign out)
          You have left! (?) (thinking…)
          6 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
          Jamie commented  · 

          Hello Henrik, and thanks.

          The allowOverlap feature is a nice start, and may work in many use cases, but when you really need every point label to show, a more complex and intelligent solution is necessary.

          With features like the overflow and crop properties already built in, and recognition of positive/negative values, and the detection that goes into the allowOverlap, Highcharts has done a great job in getting most of the way there :)

          A fully featured positioning system would be a huge benefit to add on top of these features.

          Jamie supported this idea  · 
          Jamie shared this idea  · 
        • 1,102 votes
          Vote
          Sign in
          Check!
          (thinking…)
          Reset
          or sign in with
          • facebook
          • google
            Password icon
            I agree to the terms of service
            Signed in as (Sign out)
            You have left! (?) (thinking…)
            98 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →

            Status: Alpha

            Try it out here: http://jsfiddle.net/larsac07/t0r8qz9p/

            Release dates are not set, but the alpha can be downloaded from http://github.highcharts.com/gantt/highcharts-gantt.src.js

            We are currently working on Gantt charts, including the following features:
            ​- Tasks (Activities) with task name, start- and end-dates
            ​- Milestones
            ​- Dependencies
            ​- Multiple tasks on a single y-value (X-range study: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/studies/xrange-series/)
            - Subtasks: Treegrid for grouping tasks (unlimited levels)
            - Indicator for current date
            - Indicator for progress per task
            - Detailed datetime axis: Classic Gantt date axis, e.g. weeks and single-letter days / months and weeks etc.

            We’re developing in modules, and gathering the modules into a Gantt-module. Current modules which are in development include:

            GridAxis: Makes axes look like table rows or cells

            TreeGrid: Adds tree behavior to y-axes. Inherits grid behavior from GridAxis

            Pathfinder: Adds lines with auto-calculated paths from one point to another (used for dependencies in Highcharts Gantt)

            CurrentDateIndicator: Adds a…

            Jamie commented  · 

            @simon - what is your use case? What can 1 million events plotted at once provide to a user? How many values it can render will depend on the computer it is being rendered on, and the settings that you are using. The more that needs to be drawn, the more resources will be required of the client machine.

          • 88 votes
            Vote
            Sign in
            Check!
            (thinking…)
            Reset
            or sign in with
            • facebook
            • google
              Password icon
              I agree to the terms of service
              Signed in as (Sign out)
              You have left! (?) (thinking…)
              4 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →

              As Jamie says, Highcharts already supports this, you just need to loop over datasets and run Series.setData or Point.update for each step.

              But we are currently working on a set of demos to demonstrate this, which will make it easier for you to set up, as you can copy-paste from our samples.

              Jamie commented  · 

              Of course, a motion chart is just a series of charts put together with controls to loop through them. Easy enough to set up, depending on how complex you want the controls to be.

              Build the data arrays for each state of the chart, and use a setInterval loop to update the data or series at whatever speed you want it to play.

            • 42 votes
              Vote
              Sign in
              Check!
              (thinking…)
              Reset
              or sign in with
              • facebook
              • google
                Password icon
                I agree to the terms of service
                Signed in as (Sign out)
                You have left! (?) (thinking…)
                7 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                Jamie commented  · 

                Parallel coordinates chart in Highcharts:

                https://jsfiddle.net/jlbriggs/mvgymfw6/embedded/result/

                This does not have the rich features that the library posted by Kai below has - this is just a proof of concept to show that it is perfectly feasible in Highcharts to do a basic parallel coordinates plot.

                Data is the classic 'cars' data set that is often used as the example.

                Jamie commented  · 

                Yes, I understand parallel coordinates :)
                They are still just a line chart.

                The labeling of the vertical gridlines is not anything out of the ordinary. You basically have a categorized x axis.

                At the most extreme, you might need to transform data points to a normalized scale if your different x axis categories each require different y axis scales.

                Jamie commented  · 

                parallel coordinates charts are just line charts...

              • 466 votes
                Vote
                Sign in
                Check!
                (thinking…)
                Reset
                or sign in with
                • facebook
                • google
                  Password icon
                  I agree to the terms of service
                  Signed in as (Sign out)
                  You have left! (?) (thinking…)
                  46 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                  Jamie commented  · 

                  Looks good Torstein

                  Jamie commented  · 

                  One thing I am noticing is that if you hide one of the series, the remaining y axis does not adjust accordingly.

                  If you hide both series, and then show only one, the axis is scaled appropriately. But once you show both series, and then hide one, the axis retains the scaling for the hidden series, which is counter to highcharts normal behavior.

                  Jamie shared this idea  · 
                • 63 votes
                  Vote
                  Sign in
                  Check!
                  (thinking…)
                  Reset
                  or sign in with
                  • facebook
                  • google
                    Password icon
                    I agree to the terms of service
                    Signed in as (Sign out)
                    You have left! (?) (thinking…)
                    10 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                    Jamie commented  · 

                    For anyone still looking for ways to set up bullet graphs, I have examples using a couple of different approaches here:

                    http://jsfiddle.net/jlbriggs/UGs2E/

                    Includes multiple bullets charts in one plot, as individual charts, and as a simplified horizontal gauge version.

                    Jamie commented  · 

                    Thanks, works great.

                    Jamie commented  · 

                    Torstein - the method posted below seems to have an issue (and it may have existed in the previous version as well), where the line moves along the y axis in response to the radius, thereby plotting at a completely inaccurate y axis point.

                    Is there an easy fix for this problem...?
                    Any tips would be appreciated!

                    thanks

                    Jamie commented  · 

                    Thanks Torstein. I had been using a different work around that was slightly more complicated.

                    Jamie commented  · 

                    My current method of implementation for Bullet Graphs:
                    http://jsfiddle.net/jlbriggs/7Drkc/

                    It's not too bad for setting up multiples.

                  • 19 votes
                    Vote
                    Sign in
                    Check!
                    (thinking…)
                    Reset
                    or sign in with
                    • facebook
                    • google
                      Password icon
                      I agree to the terms of service
                      Signed in as (Sign out)
                      You have left! (?) (thinking…)
                      5 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                      Jamie commented  · 

                      A thermometer is just a column measuring a single data point.
                      The idea that a chart measuring temperature should include a graphic representation of the reservoir for the liquid in an analog thermometer is a pretty odd one...

                      Just for the record :)

                    • 3 votes
                      Vote
                      Sign in
                      Check!
                      (thinking…)
                      Reset
                      or sign in with
                      • facebook
                      • google
                        Password icon
                        I agree to the terms of service
                        Signed in as (Sign out)
                        You have left! (?) (thinking…)
                        1 comment  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                        Jamie commented  · 

                        Ideally, the minPointLength would not apply to 0 values. What you can do for now, however, is set your 0 value data points to null instead.

                      • 75 votes
                        Vote
                        Sign in
                        Check!
                        (thinking…)
                        Reset
                        or sign in with
                        • facebook
                        • google
                          Password icon
                          I agree to the terms of service
                          Signed in as (Sign out)
                          You have left! (?) (thinking…)
                          2 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                          Jamie commented  · 

                          Good example of javsascript based pivot tables: https://github.com/nicolaskruchten/pivottable
                          That library comes with set up options to include D3 or Google Charts.

                          Worth exploring pairing that library with Highcharts.

                        • 75 votes
                          Vote
                          Sign in
                          Check!
                          (thinking…)
                          Reset
                          or sign in with
                          • facebook
                          • google
                            Password icon
                            I agree to the terms of service
                            Signed in as (Sign out)
                            You have left! (?) (thinking…)
                            13 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                            Jamie commented  · 

                            I have started using a technique as answered here:
                            http://stackoverflow.com/questions/16946044/highcharts-tooltip-click-instead-of-hover

                            I either disable the tooltip, or I display a limited, fixed position tooltip.

                            Then I use the jQuery UI Dialog, fired by a click event on the point, to show a 'full' tooltip. As noted in the first link, Highslide html popups work well for this purpose also.

                            Example with jQuery UI Dialog method:

                            http://jsfiddle.net/jlbriggs/LHZ3E/embedded/result/

                            Jamie commented  · 

                            this is a very common question...are there any tips on implementing this ourselves?

                          • 7 votes
                            Vote
                            Sign in
                            Check!
                            (thinking…)
                            Reset
                            or sign in with
                            • facebook
                            • google
                              Password icon
                              I agree to the terms of service
                              Signed in as (Sign out)
                              You have left! (?) (thinking…)
                              9 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                              Jamie commented  · 

                              "Could not connect: Access denied for user 'highcharts'@'ec2-54-221-87-5.compute-1.amazonaws.com' (using password: YES)"

                              can't get to the plugin...

                              Jamie commented  · 

                              Just to clarify, this issue seems to be about grouping rather than stacking.
                              I had a very hard time figuring out what you were asking for until I realized that...

                            • 92 votes
                              Vote
                              Sign in
                              Check!
                              (thinking…)
                              Reset
                              or sign in with
                              • facebook
                              • google
                                Password icon
                                I agree to the terms of service
                                Signed in as (Sign out)
                                You have left! (?) (thinking…)
                                8 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                                Jamie commented  · 

                                this, or at least some built in functionality for toggling visibility of plotlines, plotbands, and their labels would be incredibly useful.

                                would help eliminate problems like this case:
                                http://stackoverflow.com/questions/15012633/highcharts-issue-with-showing-and-hiding-plot-lines-and-bands-on-legenditemcli

                              • 160 votes
                                Vote
                                Sign in
                                Check!
                                (thinking…)
                                Reset
                                or sign in with
                                • facebook
                                • google
                                  Password icon
                                  I agree to the terms of service
                                  Signed in as (Sign out)
                                  You have left! (?) (thinking…)
                                  26 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                                  Jamie commented  · 

                                  That's pretty nice Torstein.

                                  One thing that I think would make it even better is if you could click on the legend title to collapse/expand the body of the legend, so that it could be hidden away.

                                • 243 votes
                                  Vote
                                  Sign in
                                  Check!
                                  (thinking…)
                                  Reset
                                  or sign in with
                                  • facebook
                                  • google
                                    Password icon
                                    I agree to the terms of service
                                    Signed in as (Sign out)
                                    You have left! (?) (thinking…)
                                    12 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                                    Jamie commented  · 

                                    While this approach is not exactly convenient, it can be done with a scatter series...
                                    http://jsfiddle.net/jlbriggs/AyqzZ/

                                    Not ideal, as it requires a bit of manual fiddling with positioning...but...

                                  • 1 vote
                                    Vote
                                    Sign in
                                    Check!
                                    (thinking…)
                                    Reset
                                    or sign in with
                                    • facebook
                                    • google
                                      Password icon
                                      I agree to the terms of service
                                      Signed in as (Sign out)
                                      You have left! (?) (thinking…)
                                      2 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                                      Jamie commented  · 

                                      Or use the renderer function:
                                      http://jsfiddle.net/jlbriggs/4FrGG/4/

                                    • 1 vote
                                      Vote
                                      Sign in
                                      Check!
                                      (thinking…)
                                      Reset
                                      or sign in with
                                      • facebook
                                      • google
                                        Password icon
                                        I agree to the terms of service
                                        Signed in as (Sign out)
                                        You have left! (?) (thinking…)
                                        1 comment  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                                        Jamie commented  · 

                                        Just sort your data accordingly...

                                        Though a bar chart is better for such a display anyway.

                                      • 13 votes
                                        Vote
                                        Sign in
                                        Check!
                                        (thinking…)
                                        Reset
                                        or sign in with
                                        • facebook
                                        • google
                                          Password icon
                                          I agree to the terms of service
                                          Signed in as (Sign out)
                                          You have left! (?) (thinking…)
                                          12 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                                          Jamie commented  · 

                                          This would be a very useful feature.

                                          It could be implemented as a 'dim' property, similar to the 'highlight' property.
                                          Being able to set as a general percentage, or as a specific color would be very useful.

                                          For example, setting all other series to grey when highlighting one series is very handy.

                                          Jamie supported this idea  · 
                                        • 7 votes
                                          Vote
                                          Sign in
                                          Check!
                                          (thinking…)
                                          Reset
                                          or sign in with
                                          • facebook
                                          • google
                                            Password icon
                                            I agree to the terms of service
                                            Signed in as (Sign out)
                                            You have left! (?) (thinking…)
                                            1 comment  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                                            Jamie commented  · 

                                            It's easy enough to calculate this yourself and add a series for the projected line.

                                            Almost easier than if you had to set options in the chart for it to handle it for you...

                                          ← Previous 1

                                          Feedback and Knowledge Base