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. Gantt + Boost

    Gantt chart is really cool but performance limits you to maybe 10-20 rows. We need to support over 1000, with interaction. Animation is not important. Currently the boost module doesn't work with gantt, but if it did it would be truly awesome.

    6 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 →

    Thanks for writing! The Boost module deals with the data points, in this case it would rendering the rectangles for the tasks.

    I don’t think enabling Boost for Gantt would make a very big difference. Rendering 1000 rectangles in SVG should’t be a problem in the first place. I suspect the performance bottleneck is something else, like the grid axis or something.

    Can you share a demo of your problematic chart, where we can do some profiling?

  2. Boost Module for Sankey Chart

    The boost module would be beneficial for large dataset when using the sankey chart. We are experiencing a severe degradation in performance with large datasets on this chart type

    1 vote
    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 →
  3. 1 vote
    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 →
  4. Pie chart with negative and positive values

    Hello, we are your customer and urgently need Pie chart with negative and positive values

    1 vote
    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 →
  5. Validate chart options

    Chart options strongly depend on chart type and other options. For example, ticks on x/y axis. Depending on what type was chosen (linear, logarithmic, datetime or category), ticks are configured differently.

    And I really suffer when I read docs and don't clearly understand which properties work with others, and which are useless together.

    I suggest you to update docs, or implement chart options validation, or even provide us some external service to check, if given options are valid. In ideal world, if options are not valid, it would say why and maybe suggest something.

    3 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 →
  6. Link a PlotLine to a Series

    I cannot find a way to link a PlotLine (an average line, for example) to a specific series. I would like to be able to toggle the visibility of such a line with the visibility of a series. There's currently no way to do that easily, and I think that this would be a useful feature for a lot of scenarios.

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

    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 →
  8. Create some form of tree / node linking chart

    Highcharts doesn't currently appear to have any tree / node linking chart types. A few examples would be:

    - Dendograms: https://en.wikipedia.org/wiki/Dendrogram
    - Hierarchical clustering: https://en.wikipedia.org/wiki/Hierarchical_clustering
    - Minimum Spanning Tree: https://en.wikipedia.org/wiki/Minimum_spanning_tree

    The above chart types vary in their purpose and how they are constructed. But this request is simply to have some form of tree / node linking chart capabilities in highcharts.

    Once it becomes possible to chart a basic tree or hierarchy structure, it may be easier to extend functionality to create further chart types along the same thinking.

    Plot.ly currently offers both dendrogram's and tree plots within their python…

    32 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 →
  9. Rangeselector with numerical x-axis

    Rangeselector is great, but I have only seen it with dates on the x-axis. Is it also possible to have numerical values instead?

    I would expect it to be relatively straight-forward. If not, is there a reason for not supporting it?

    Thanks!

    6 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 →
  10. scientific notation

    It would be nice to have a default formatter for displaying numbers in scientific notation

    3 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 →
  11. Property for donut chart to show the aggregated total exactly at the center of donut

    Provide a property for donut chart to show the aggregated total exactly at the center of donut

    var colors = Highcharts.getOptions().colors,
    categories = [
    "Chrome",
    "Firefox",
    "Internet Explorer",
    "Safari",
    "Edge",
    "Opera",
    "Other"
    ],
    data = [
    {
    "y": 62.74,
    "color": colors[2],
    "drilldown": {
    "name": "Chrome",
    "categories": [
    "Chrome v65.0",
    "Chrome v64.0",
    "Chrome v63.0",
    "Chrome v62.0",
    "Chrome v61.0",
    "Chrome v60.0",
    "Chrome v59.0",
    "Chrome v58.0",
    "Chrome v57.0",
    "Chrome v56.0",
    "Chrome v55.0",
    "Chrome v54.0",
    "Chrome v51.0",
    "Chrome v49.0",
    "Chrome v48.0",
    "Chrome v47.0",
    "Chrome v43.0",
    "Chrome v29.0"
    ],
    "data": [
    0.1,
    1.3,
    53.02,
    1.4,
    0.88,
    0.56,
    0.45,
    0.49,
    0.32,
    0.29,
    0.79,
    0.18,
    0.13,
    2.16, …

    1 vote
    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 →
  12. Avoiding series overlap

    Let's say I have a chart similar to http://jsfiddle.net/k7n8cf8m/
    There are two lines with almost same data.

    I've got a question if is there a possibility, to present those lines joined together, one above, second right below (without padding or anything, just 2 glued together lines). I mean it shouldn't overlap each other, but display like a rainbow instead.

    Something like that: http://jsfiddle.net/BlackLabel/3goqaqfj/
    But without changing data values.

    Is there a chance to introduce something like that in near future?

    6 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 →

    This is a bit similar to the minPointLength option – https://api.highcharts.com/highcharts/series.column.minPointLength, which aims to ease readability when points overlap. It also has the same logical problem: If a small offset is added for multiple series or points after each other, eventually the points will be drawn off scale.

    Here’s a small plugin I wrote that offsets the series by an optional amount of pixels per the series index: http://jsfiddle.net/highcharts/vgdga7vw/1/. As you see, it doesn’t actually consider if any offset is necessary, plus when you have a lot of series it will be off scale.

  13. Option to export PDF to dataUri string instead of downloading

    It would be nice to have an option to export chart (as PDF) to datauri string instead of file.
    This can be done now indirectly, by obtaining chart's underlying svg, calling svg2pdf and finally using jsPDF doc.output('datauristring')
    [which returns the base64 dataUri] instead of downloading file.

    Maybe as an option in 'exporting' object?
    Or by exposing new method, i.e. Highcharts.exportToUri() ?

    Or maybe there's some simpler way that I am not aware of?
    Thank you.

    2 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. Auto-Calculated Bar Width

    It would be interesting to have the width of the bars adjusted automatically. Something similar like this: https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/AutoCalculatedBarWidth/AngularJS/Light/

    4 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 →
  15. Accept chart settings and data and return a PNG of the chart

    Create a service similar to https://pdfcrowd.com/.

    Create an API endpoint that can convert settings into a file format (PNG) that is charged either per conversion or annually.

    The API would take our chart settings and chart data, plot the chart on your server side and return to the client a PNG (or other supported file types) of the chart we requested.

    4 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 →
  16. Provide pointWidth as a percent value

    Consider the scenario that there is a re-sizable box plot chart. When the chart is reduced to a smaller size, box plots start overlapping because pointWidth can only be given in pixels. And when the chart is enlarged, box plots are seen to be smaller with respect to chart size. The same goes for column charts, etc.

    So, there should be a feature where we can provide percentage values for pointWidth.

    12 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 →

    I don’t really think this is needed, please correct me if I’m wrong. Instead of using pointWidth, you can control the width by using pointPadding, which is relative. The pointPadding option allows you to pack the boxes tightly, with a 50% gap or whatever, and it will respond to different chart widths.

  17. Sankey Chart Enhancement: Labels for Axis

    It would be great if there were a feature to add axis labels to the existing Sankey chart at each level. Something like this: https://i.stack.imgur.com/cYsNT.png

    I notice that this has been previously mentioned in the Sankey Diagram thread (https://jsfiddle.net/7aa18mws/). However, in-built support for this on multiple levels would be great.

    1 vote
    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 →
  18. add a `dashStyle` that can show the direction the line is going

    When showing a line on scatter chart it can be hard to tell where the line started and where it ended.

    Having a dashStyle option that was similar to plotOptions.scatter.dashStyle = 'dot' except that instead of a dot it was a rotated triangle that pointed in the direction the line was going would be awesome.

    I saw some hacks for turning the entire line into one long arrow but that isn't what I was looking for.

    1 vote
    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 →
  19. chord diagram

    A chord diagram or an extended diagram is basically used to show data flow between multiple entities. We can have a circular chord diagram or an extended one.
    Currently we are achieving it through d3.js, but that requires lot of complex coding

    18 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 →
  20. 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
    (thinking…)
    Sign in with: facebook google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
← Previous 1 3 4 5
  • Don't see your idea?

Highcharts Javascript API

Feedback and Knowledge Base