Highcharts Javascript API

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

    169 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    18 comments  ·  Flag idea as inappropriate…  ·  Admin →
  2. Draggable legend box

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

    164 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    started  ·  27 comments  ·  Flag idea as inappropriate…  ·  Admin →
  3. 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.

    130 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    14 comments  ·  Flag idea as inappropriate…  ·  Admin →
  4. motion chart

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

    89 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    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.

  5. Provide a typescript version for your javascript

    Provide a typescript version for your javascript
    http://www.typescriptlang.org/

    80 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    7 comments  ·  Flag idea as inappropriate…  ·  Admin →
  6. 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/

    33 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  7. 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
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    12 comments  ·  Flag idea as inappropriate…  ·  Admin →
  8. 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
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  9. 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
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  10. 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
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    4 comments  ·  Flag idea as inappropriate…  ·  Admin →
  11. 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
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  12. 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
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    2 comments  ·  Flag idea as inappropriate…  ·  Admin →
  13. 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
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    2 comments  ·  Flag idea as inappropriate…  ·  Admin →
  14. 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
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    3 comments  ·  Flag idea as inappropriate…  ·  Admin →
  15. 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
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    19 comments  ·  Flag idea as inappropriate…  ·  Admin →
  16. 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
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    3 comments  ·  Flag idea as inappropriate…  ·  Admin →
  17. linechart symbol markers at the end of each line

    At SSB we have a lot of auto generated charts, and need symbol markers on charts to fulfill accessibility requirements, but on a lot of our linecharts the point density is so great that the chart becomes unreadable, but not dense enough for the "null" option to kick in and remove the markers.

    Therefor, what we need is that marker symbols appear at the end of each line, while also appearing at the corresponding legend.

    (We tried a solution that was posted in another feature request, but found no way to implement it with auto generated charts and also it…

    3 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    5 comments  ·  Flag idea as inappropriate…  ·  Admin →
  18. 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
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    2 comments  ·  Flag idea as inappropriate…  ·  Admin →
  19. 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
    (thinking…)
    Sign in with: Facebook Google
    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