Highcharts Javascript API

I suggest you ...

You've used all your votes and won't be able to post a new idea, but you can still search and comment on existing ideas.

There are two ways to get more votes:

  • When an admin closes an idea you've voted on, you'll get your votes back from that idea.
  • You can remove your votes from an open idea you support.
  • To see ideas you have already voted on, select the "My feedback" filter and select "My open ideas".
(thinking…)

Enter your idea and we'll search to see if someone has already suggested it.

If a similar idea already exists, you can support and comment on it.

If it doesn't exist, you can post your idea so others can support it.

Enter your idea and we'll search to see if someone has already suggested it.

  1. Official Vue.js Wrapper

    Hi, It's excited to hear that you are created Highcharts official React, Angular wrapper, and do you have any plan to create Vue.js Wrapper ?

    more information about Vue.js

    Official Website: https://www.vuejs.com
    vue Highcharts wrapper : https://github.com/weizhenye/vue-highchart

    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…)
      0 comments  ·  Flag idea as inappropriate…  ·  Admin →
    • Add "Xaisomboun Province" to Laos map in Highmaps

      Hi,

      I would like to add "Xaisomboun Province" refer to this https://en.wikipedia.org/wiki/Provinces_of_Laos, because "Xaisomboun Province" next to "Vientiane Province" is missing from the original map in Highcharts demo. Here: https://www.highcharts.com/maps/demo/all-maps#countries/la/la-all

      How can i update this in the original official JS file. Here: https://code.highcharts.com/mapdata/countries/la/la-all.js

      I try to use this tool https://www.highcharts.com/studies/map-from-svg.htm but it does not output data format like in the original javascript file above.

      Best Regards,
      Phouvanh

      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  ·  Flag idea as inappropriate…  ·  Admin →
      • highcharts area range and line with gradient

        I would like to have a gradient fill for area range graphs where the color starts at the center of the area and then fades to the secodn color at the edge of the range.

        Similar to this question on stackoverflow: https://stackoverflow.com/questions/14781214/highchart-area-range-chart-with-gradient-that-follows-the-line#

        https://stackoverflow.com/questions/14781214/highchart-area-range-chart-with-gradient-that-follows-the-line#

        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…)
          0 comments  ·  Flag idea as inappropriate…  ·  Admin →
        • Sunburst chart: Option to show series data labels outside the leaf level nodes with connectors

          Currently, it is observed that Sunburst chart series data labels when shown, overlap or only the show/hide behavior of data labels can be achieved through the formatter function.

          Refer the Sunburst chart's series data labels on the following link:- http://www.dundas.com/support/blog/sunburst-charts-homerun-or-groundout

          Expected behavior is to configure the series data labels in such a way that if the arc size of a node is less than a particular value, instead of hiding the data label, show it outside the leaf level nodes of the chart, also adjust the distance of data labels and its connectors from the chart.

          18 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…)
            0 comments  ·  Flag idea as inappropriate…  ·  Admin →
          • Plot Band can be divided into sub Band

            Plot Band can be divided into sub Band. If this feature is provide then it will be easy to define Sub band in a plot band. Just like a stack bar diagaram

            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…)
              0 comments  ·  Flag idea as inappropriate…  ·  Admin →
            • Creating Italy's regions as done for German and France

              Regions of Italy like France regions admin2 and German admin 2 are missing. Would be a great idea having those as well. Thanks in advance

              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…)
                0 comments  ·  Flag idea as inappropriate…  ·  Admin →
              • Make it possible to group and style individual legend items

                Over time my legend has gotten really crowded and i would like to be able to first: group my items, and secondly: style them individually.

                This would boost the usability enormously!

                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…)
                  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                • Highlight area under curve

                  I want to highlight a particular portion of Highchart.
                  Ex Image :https://www.screencast.com/t/MHxo59j2dM.
                  Zones, Threshold, negative color options provide in Highchart but Can we highlight with X and Y axis value ?

                  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…)
                    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                  • Suggest to implement 'Violin plots" in Highcharts.

                    This graph accurately and intuitively explains the min/max values along with 'standard deviation'. I felt this is more useful than a box plot.

                    4 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…)
                      0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                    • square charts fit container

                      For example, if the container is 200px x 100px, the chart will be 100px x 100px.
                      And if the container is 150px x 300px, the chart will be 150px x 150px.

                      If there is a need to make a square chart in a responsive container with width defined and automatic height. For now Highchart detects the width and make the height of the chart the same as the width. This can result in the chart overflowing the container when the height is smaller than the width.

                      Highcharts could automatically detect the lesser (width or height) and make the chart dimensions…

                      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…)
                        0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                      • 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…)
                          0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                        • Android Native client

                          Hello Team,
                          Any plan to support native client for high charts? if you have any plan, please let us know as we are looking for the native android client for charts.

                          12 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  ·  Flag idea as inappropriate…  ·  Admin →
                          • add an option to mark a map series ARIA hidden

                            The accessibility module does not give a way to specify a series should be ARIA hidden.

                            When you have a map with data and map-lines the screen reader reads the map lines after the data.

                            Details of the issue are here

                            https://forum.highcharts.com/highmaps-usage-f14/mark-map-series-aria-hidden-t39498/

                            4 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  ·  Flag idea as inappropriate…  ·  Admin →
                            • Surface Pyramid Chart

                              Originally described here: https://forum.highcharts.com/highcharts-usage/surface-pyramid-chart-t39503/

                              What you have is just a Linear Pyramid: http://jsfiddle.net/cristiscu/sbt6bbfh/6/. Top segment's height is 15% of the full pyramid height.

                              Surface Pyramid: http://jsfiddle.net/cristiscu/sbt6bbfh/7/. The only change was in the pyramidMode value. Top segment's area was made bigger, to show 15% of the whole pyramid surface.

                              Reference:
                              pyramidMode (Syncfusion ejChart): https://help.syncfusion.com/api/js/ejchart#members:commonseriesoptions-pyramidmode
                              valueRepresents (amCharts): https://docs.amcharts.com/3/javascriptcharts/AmFunnelChart
                              PyramidValueType (Microsoft ASP.NET Chart): https://msdn.microsoft.com/en-us/library/dd456634.aspx

                              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…)
                                0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                              • xAxis tick labels overlapping handling

                                Hi,
                                Now we have automatic xAxis labels rotation or overlapping handling.
                                But

                                1.When I generate xAxis labels by myself with tickPositions - then auto-positioning(overlap handling) is not working. Can you make labels autopositioning work for custom tickPositions please?

                                2. One more approach - if custom labels overlap - then show '...'(or some other filler) but show full labels on zoom In.

                                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…)
                                  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                • Bubble chart- Data label positioning at the bottom

                                  As of now, If the bubble is near the x-axis, by default the data label is positioned on top of the bubble. Our requirement is to align within the plot area (above the x-axis) either to the left or right of the bubble.

                                  Thanks In Advance

                                  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…)
                                    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                  • Symmetric waterfall chart

                                    In some applications there are naturally two data "faces" that must match, say supply and demand, with a finite, unequal number of producers and users. A standard waterfall chart can easily show the individual producer and total change in supply from one period to the next, but it would be of great value to see supply and demand changes directly compared.

                                    One way is to imagine the Highcharts population pyramid chart using waterfall charts on either side, with a common x axis, but separate y axes. The sum of changes to demand would typically be equal to the negative sum…

                                    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  ·  Flag idea as inappropriate…  ·  Admin →
                                    • 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…)
                                        0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                      • Make tooltip text selectable + suitable html generator for html tooltips + continue to show tooltip until tooltip-are-mouse-leave event

                                        As for me tooltip functionality is quite restrictive and not very convenient for now (5.0.14).
                                        1. I cannot select text on tooltip.
                                        I found some examples where we just copy original tooltip, show it and then do e.preventPropagation for mouseDown, mouseup and mousemove events on tooltip area.
                                        but maybe it can be done by some parameters?

                                        2. Suitable html generator for html tooltip - it is inconvenient to generate html with concatenation of string na respective params. And hard to apply event listeners on elements of html-tooltip. Maybe some helper functions to add?

                                        3. continue to show tooltip until tooltip-are-mouse-leave…

                                        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…)
                                          0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                        • render the dataClasses legend like the gradient legend

                                          Check out the legend on they NYFed site

                                          https://www.newyorkfed.org/data-and-statistics/data-visualization/community-credit-profiles#inclusion

                                          The dataClasses are joined together and the arrow pointer points to where in the data class a specific point lives.

                                          I have implemented similar code but it would be nice if it was an option by default.

                                          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…)
                                            0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                          ← Previous 1 3 4 5 44 45
                                          • Don't see your idea?

                                          Highcharts Javascript API

                                          Feedback and Knowledge Base