AdminTorstein Hønsi (CPO, Founder, Highcharts JS)

My feedback

  1. 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 →
      AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

      @Anonymous The plugin works for all-line charts too: http://jsfiddle.net/Ha3Wr/57/

      AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

      @Ke Zhao I updated the plugin to work also with pies. Please reload the jsFiddle now.

    • 1 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)

        We’ll send you updates on this idea

        2 comments  ·  Highcharts .NET  ·  Flag idea as inappropriate…  ·  Admin →
        AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

        Do you mean the current configuration? We've got functionality for that in the export module, but it is not cleanly available as an API call. It is part of the getSVG function, but could probably easily be separated out as a function. It is the options that are fed to create the chartCopy.

      • 47 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 →
          AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

          @Anonymous
          To hide the chart itself you could always use display: none: http://jsfiddle.net/highcharts/VEs7z/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…)
            6 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

            Great, I'm happy to hear you figured it out! If you can share it in jsFiddle it would be nice.

            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

            Not yet sure I grasp it fully, but maybe we can make it work somehow by using different axes? For example, we can use two y axes and/or two X axes and plot each waterfall series to different places.

            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

            Thanks for your suggestion! Do you have a sketch or a screenshot of what you have in mind?

          • 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…)
              3 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →

              Hi, this feature is prevented in two places, because there were problems with text being selected when trying to zoom in. See https://github.com/highcharts/highcharts/issues/3224.

              If you want to enable text selection, there are two lines where the event handling is prevented. If you comment out both these lines, your users can select text:

              - https://github.com/highcharts/highcharts/blob/v5.0.14/js/parts/Pointer.js#L756
              - https://github.com/highcharts/highcharts/blob/v5.0.14/js/parts/Pointer.js#L813

              AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

              It works for me. I've updated the links in the status with the correct locations in v5.0.14.

            • 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 →
                AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                Thanks for your contribution!

              • 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…)
                  4 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                  AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                  Seems like null, null doesn't work, so you can use xAxis.dataMax:

                  Demo: http://jsfiddle.net/highcharts/kUSyF/637/

                • 20 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 →
                    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                    Hi Michael, I've updated the snippet to a more general approach that looks at the label's actual position. Now it also works with polar. You may want to adjust the exact positions though: http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/studies/axis-label-images/

                    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                    @sahba: It looks like the original fiddle got lost, so I created a new one. Let me know if you have any problems with it, we will keep the snippet updated.

                    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                    It seems to work when you add a valid CSS width, '150px': http://jsfiddle.net/highcharts/LJbPT/3/

                  • 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…)
                      4 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                      AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                      In that case we need to look at the next valid value instead of the last. Here's a modified version of the plugin where we look both up and down and interpolate if both values are present: http://jsfiddle.net/highcharts/FKSZ6/

                    • 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…)
                        5 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                        AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                        You still need the plugin.

                        AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                        @jxd Dynamic updating capabilities are now added, plese see the updated jsFiddle.

                      • 56 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 →
                          AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                          @Sushanth, currently there's no simple option for it - what happens is that the input is converted to a number, and as numbers are printed into a string, JavaScript only adds the number of decimals needed.

                          AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                          Updated the demo to work with Highcharts 3.0.

                        • 5 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 →
                            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                            We are now working on a grid axis module, which will put the labels in intervals. See http://jsfiddle.net/highcharts/gfzs5/4/ .

                            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                            There's no option for using the last date of the month, but you can create your own tickPositioner callback: http://api.highcharts.com/highcharts#xAxis.tickPositioner

                          • 113 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…)
                              22 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                              AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                              The X axis in that study is not very good, I recommend using the treemap approach instead: http://jsfiddle.net/highcharts/h2np93k1/

                              AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                              @Hari This is why it is only a partial implementation - we haven't got the X axis to work. A rough hack could be to hard code the tick positions like this: http://jsfiddle.net/highcharts/75oucp3b/10/. For the stack values I don't have a solution, other than perhaps hide the Y axis values altogether and make the column values speak for them selves.

                              AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                              @Hari Stacking seems to work out of the box: http://jsfiddle.net/highcharts/75oucp3b/9/

                            • 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…)
                                3 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                                AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                I agree Elise. The idea was shared in 2011, when jQuery was dominating the JavaScript world, and the majority of the votes probably come from some years ago.

                              • 36 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 →
                                  AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                  We are now working on Teams in Highcharts Cloud. Besides that, as Highcharts JS concerns, it is still a client side library so share buttons is something that is beyond its scope.

                                  AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                  @Howard I see. We are planning an option to do styling per Organization in a future release of the Highcharts Cloud.

                                  Another option would be that you create your own chart page where the cloud chart runs in an iframe, and add share buttons that share your own page instead.

                                • 6 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…)
                                    18 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                                    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                    Hi Elle, I'm afraid animation is generally disabled on the funnel chart, so we don't have a way of animating it on scrolling into view.

                                    One possibility though is to write an animator function, for example by borrowing (and modifying) the one from geo maps: http://jsfiddle.net/qskthLe1/3/.

                                    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                    > Is it possible to make this an external JS file?

                                    Of course, just take the contents of the plugin and put in a file. Make sure it is loaded after Highcharts and jQuery.

                                    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                    Sorry about that. I've updated the snippet so that it renders immediately when animation is not enabled, like in export.

                                    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                    I changed the snippet to wrap the render method rather than animate method. This seems more robust, and also works with bubbles. I added a bubble chart at the very bottom. See the updated demo.

                                    AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                    You should be able to use the appear.js jQuery plugin to initialize the charts once the container div appears: https://github.com/morr/jquery.appear

                                  • 27 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 →
                                      AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                      ... And here come the true gradients: http://jsfiddle.net/highcharts/sez1h3qu/

                                      Still a bit of the transition can be seen.

                                      AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                      Thanks for your request, this seems like an appealing visual feature. The problem with your current approach is that it adds a lot of series, which is both logically incorrect an also a performance problem.

                                      I did some googling and also found that SVG doesn't support circular gradients like this. But we should be able to emulate it by chopping up the arcs in smaller arcs and applying a gradient to each. Six arcs (each 60 degrees) should be enough to achieve a seamless gradient.

                                      I have to run now, but here's what I've got so far: http://jsfiddle.net/highcharts/td2v4u4z/63/

                                      The fiddle uses more than six segments because I haven't had the time to add the actual gradients yet.

                                      To do:
                                      - Add gradients.
                                      - Use fewer segments.
                                      - Apply animation.
                                      - Depending on how it looks when the gradient is applied, apply round line caps only to the first and last segment.

                                    • 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 →
                                        AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                        Check out this plugin: http://www.highcharts.com/plugin-registry/single/24/Indicators

                                        SMA is simple moving average.

                                      • 72 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…)
                                          16 comments  ·  Highcharts Javascript API  ·  Flag idea as inappropriate…  ·  Admin →
                                          AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                          @Monte Shaffer, see http://jsfiddle.net/highcharts/cbfh6mgy/.

                                          The big remaining problem now is that the "circle" symbol (default) is not actually a circle, but a rectangle with rounded corners. We have gotten away with that on scatter charts with small symbols, but the big bubbles are more revealing.

                                          AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                          Sorry about that, see updated fiddle. I also fixed the animation thing. Animation doesn't work, but doesn't crash it either.

                                          AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                          Currently the bubble series only supports circles. A workaround for you may be to use a scatter chart with individual marker sizes.

                                          AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                          Note to self: To make bubbles behave like scatter in this regard, we need to
                                          - Use Series.drawPoints instead of ColumnSeries.drawPoints
                                          - Use individual radius
                                          - Rewrite BubbleSeries.animate to use x, y, width and height.
                                          - Use the markergroup to trace mouse events.

                                          AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                          You can add a scatter series with image markers.

                                        • 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 →
                                            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                            It's not included in Highcharts yet. There are still an issue with how to handle cases when one of the axes' threshold is not in the scale: http://jsfiddle.net/highcharts/gkf9o1vh/.

                                            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                            Bar series per se don't seem to pose a problem: http://jsfiddle.net/highcharts/v44tf7zy/.

                                            Also, I have fixed the "Maximum call stack size exceeded" error.

                                            @Genís Días this also fixes your case: https://jsfiddle.net/highcharts/8dbfhhkp/3/

                                            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                            Yes, it looks that way from the jsFiddle demo.

                                            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                            @Ronny It will not work with fixed tick positions, because we need to be able to modify the ticks in order to align the axes. Currently it only runs on the second axis. In order to make it run both ways, we need to do some restructuring and make the whole logic recursive, because when the first axis is handled, we don't know the extremes of the second one.

                                            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                            @Lukasz Currently you can't set both, as the alignThreshold plugin overwrites the alignTicks setting. But in general, if you use a smaller tickPixelInterval, the alignment gets better because it is easier to find an axis resolution that fits both data sets: http://jsfiddle.net/highcharts/y6pbqk6q/2/

                                            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                            It's still not perfect, as it disregards the tickPixelInterval setting.

                                            For your solution about setting min and max explicitly. The docs explains why Highcharts adds padding to your setting: http://api.highcharts.com/highcharts#yAxis.min

                                            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                            @Luis Miguel: You need to supply a threshold. Lines don't have a threshold by default. http://jsfiddle.net/highcharts/jrXQe/5/

                                            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                            The difference is that line series don't have a threshold by default, so you need to threshold: 0 on the line series. I've fixed this in the plugin so when no threshold is given, 0 is assumed.

                                            AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  · 

                                            We appreciate the many votes - I'm afraid the train has left for 3.0, and we will have some catching up to do now before adding new features.

                                          ← Previous 1 3 4 5 9 10

                                          Feedback and Knowledge Base