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. 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  ·  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…

    • 219 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…)
        11 comments  ·  Flag idea as inappropriate…  ·  Admin →
      • Draggable legend box

        As in the example found at: http://www.ejschart.com/

        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  ·  Flag idea as inappropriate…  ·  Admin →
        • grouped x-axis

          Like Excel does when you use 2 columns for the labels.See example on http://minus.com/mHNwVqDZO.

          Each item on the category axis falls in a group. The groups are displayed below the axis items. Each group name is displayed only once (centered below all its items). Groups are devided by longer tickmarks.
          Each group can contain a different number of items.
          Possible uses:
          * display structured categories like product and product group or country and region
          * display two or more groups side by side, like gross sales and net sales, or this year and last year.

          156 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  ·  Flag idea as inappropriate…  ·  Admin →
          • Allow specifying borderRadius for individual corners

            'Border radius' on a column chart currently affects all 4 corners of a column identically. Please, could we have the ability to set individual corners at different radii?
            Personally I would like this so that I can round just the top of a stacked column chart, but i think it would be a great addition and allow some nice extra flexibility in look & feel.

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

              similar google motion charts and most impotant it should work on ipad

              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  ·  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.

              • Use requestAnimationFrame instead of setTimeout

                All animations in Highcharts use setTimeout. A new feature, requestAnimationFrame (https://developer.mozilla.org/en/DOM/window.mozRequestAnimationFrame) optimize all animations (CSS3, SVG, JS) to have a smooth rendering.

                More explanation : http://paulirish.com/2011/requestanimationframe-for-smart-animating/

                32 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 →
                • Dynamic histogram charts

                  I would love to see interactive histogram charts. Ideally I would pass a single series of data to the chart, along with a default number of bins. Then the user would be able to change the number of bins and the data would be re-binned and the chart re-drawn. Bin labels would be need to be regenerated automatically as well, either from the range of each bin, or its center-point.

                  An example:

                  Series: { data: [1,2,1,2,1,2,3,3,4,4,4,4,4] }
                  Histogram: { defaultBins: 2}

                  would become:

                  xAxis: { Categories: [ "1-2", "3-4"] }
                  Series: { Date: [6, 7]}

                  Then if the user changed…

                  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  ·  Flag idea as inappropriate…  ·  Admin →
                  • Custom approximation function

                    I would like to have an approximation function in which we can access all the information from the points instead of just the y values. This allows me to not only decide how to group but also an ability to capture information from all the points into the grouped point.

                    24 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 →
                    • Allow chart to determine/set auto-height/width.

                      See here: http://forum.highcharts.com/post115029.html

                      This would add a chart width/height setting of "auto". For bar charts, the auto height uses the point width and padding options to determine the "correct" height of the plot box, instead of using the size of the container. For column charts, the chart would grow/shrink horizontally to fit all columns.

                      16 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 →
                      • pinch zoom for ipad/tablet

                        I would like to give the user the ability to pinch zoom much like sencha charts

                        15 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  ·  Flag idea as inappropriate…  ·  Admin →
                        • Dynamically change margins, offsets and others for already initialized HC

                          It will be a good feature to allow change chart and legend margins and offsets dynamically for already initialized HC.

                          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…)
                            1 comment  ·  Flag idea as inappropriate…  ·  Admin →
                          • Allow gauge to take negative/positive value, extending from a zero position

                            http://jsfiddle.net/j99skchd/
                            This example displays a gauge from -4 to +4. The series data value of 0.5 would ideally make the gauge colour the range from 0 to 0.5.
                            Correspondingly, a series data value of -0.5 would make the gauge colour the range from -0.5 to 0 (and in the example we would make that a green range).

                            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…)
                              2 comments  ·  Flag idea as inappropriate…  ·  Admin →
                            • Step Position ('on', 'between')

                              I'd like to specify a stepPosition (such as 'on' or 'between') when step: true. Currently the step always occurs on the actual data point. I'd like to be able to have it step before the data point, so you end up with a plot more similar to a column chart.

                              My example is that I have an area chart with overlapping series, but I need a step chart, because I'm representing a fixed number of reads at specific loci on a strand of DNA.

                              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…)
                                2 comments  ·  Flag idea as inappropriate…  ·  Admin →
                              • Custom date parsing format

                                It would be really nice to have a custom date format option implemented in HighCharts / HighStock, so that it could parse dates from different sources.

                                In case it's useful, here's an example of how such feature is implemented in a couple of other JS popular libraries:

                                http://momentjs.com/docs/#/parsing/
                                http://c3js.org/reference.html (check "data-xFormat")

                                Cheers!

                                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…)
                                  3 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                • Start the animation when the chart scrolls in to view

                                  I'd like to be able to delay the initial animation of the chart until it comes in to view in the browser by scrolling.

                                  I've tried doing this with js but the whole chart is hidden until it comes in to view which looks odd. I'd like the axis to show and only the animation to trigger when it comes in to view.

                                  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  ·  Flag idea as inappropriate…  ·  Admin →
                                  • streamgraph?

                                    How about a streamgraph in HighCharts? http://bl.ocks.org/mbostock/4060954

                                    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…)
                                      3 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                    • Enhance legend positioning

                                      Now legend positioning is automtical and "horizontal first". I.e. when ALIGN:LEFT, legend space reserved on the left firstly and secondly I can vertically align the legend. Only center-aligned legend can be placed at bottom or top of plot area.

                                      But my designer want to have left-aligned legend at bottom.

                                      So it seems good idea to add legend option like
                                      position:={top|bottom|left|right} to specify where the legend space is reserved, and use existing align/verticalAlign options to align legend inside legend area. May be ignore verticalAlign property for top/bottom position (not sure) but apply both alignment for left/right legend.

                                      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…)
                                        3 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                      • Scale for each Y-axis on Polar Chart

                                        Similar to Tof's idea but I believe it's a bit different, it's not just max that I want to show, but a full scale for each series on the polar chart. I also need to show these axes in two different places - right now the only workaround is to layer one set y-axis of labels on top of another. Please see this image for an example of what I'm looking to do in highcharts: https://s32.postimg.org/5gnejaln9/polar_chart_with_multiple_y_axes.png

                                        In addition, I am unable to show a single line for the axis right now, the only way to show a line at all…

                                        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…)
                                          2 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                        • Semi circle graphs

                                          it would be nice to have semi circle graphs to show e.g professional experience duration (especially Year wise.) e.g a person works from 2008 to 2012 in a firm, there would be a semi circle with a Title of firm

                                          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 →
                                          • Don't see your idea?

                                          Highcharts Javascript API

                                          Feedback and Knowledge Base