Highcharts Javascript API

  1. Draw border for bar so that it doesn't increase width of bar

    When a border is added to bar/column charts, the border goes X pixels around the bar. This causes the bar to overlap over the axis lines and possibly other bars. See this JSFiddle example:
    http://jsfiddle.net/aaewong/6kmu11md/5/

    It would be nice if it could look more like this instead:
    http://jsfiddle.net/izothep/0ubmw73z/7/

    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 →
  2. Add Philippines' Provinces' Cities and Municipalities

    I have tested your drill down map in yur USA example.
    But I tried to replace all "us/us" to "ph/ph" in order to use it in my beloved country, but it looks like I cannot drill it even at least to provincial level.

    I wish you will provide data for that

    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 →
  3. Size height of bar graph based on contents when containing DIV has no min height

    Have a simple 3 bar graph. The containing DIV has no height defined Graph ends up rather tall with THICK bars. Ugly. If I try to control the bars by setting the plotOptions.groupPadding to .1 and pointPadding to 0 and the series I set pointWidth to 20, end up with lots of white space but graph is STILL taller than it needs to be.

    http://jsfiddle.net/x9Epf/

    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 →
  4. 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. Add support for relative (lowercase) SVG operators in path

    This would allow SVG paths to be shorter in many cases, which would reduce data size, and make the page load faster.

    For example, SVG path for a rectangle could be
    "M400 400h32v28h-32Z"
    instead of
    "M400 400L432 400 432 428 400 428Z"
    See http://forum.highcharts.com/highmaps-usage-f14/use-of-relative-commands-in-svg-paths-for-map-t31720/

    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 →
  6. Ability to put a marker on Gauges

    It would be great if we can add an extra UI (any UI shape , triangle or arrow shape) on Angular or Solid gauge chart to indicate extra value(probably a target value or goal value) other than the current value.

    I know I can put a label anywhere (with x,y pixel values) but this is not dependant on the location of the value on graph. It would be awesome if I can put "marker" (one or more?) with a series data value to insert a shape or something similar.

    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 →
  7. Add more compatible fonts for exporting SVGs

    At least Impact, Arial Black and Georgia seem to be missing.

    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 →
  8. Make plotLines work without explicit width or color

    Most things in HighCharts have smart defaults, so unset options will do something reasonable. But plotLines is not this way: if the user does not explicitly specify a width and color, no line will be drawn (and sometimes a JS error will happen).

    Example which works but includes comments on how to easily break it: http://jsfiddle.net/LKayp/

    I think plotLines (and addPlotLines) should default to a reasonable width and color, just as regular series lines do.

    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 →
  9. 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 →
  10. Stack graphs to HighStock

    Hello.

    I have a site with multiple line graphs drawn using HighStock, and a couple stack graphs drawn using HighCharts.

    The users like the range selector, and would like to also use it on the stack charts.

    Currently HighStock doesn't have stack charts and HighCharts does not have range selector, and so the data range is limited by the width of the page.

    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 →
  11. Events for annotation and indicator changed

    For a StockChart every time the user adds, removes or modifies an annotation or an indicator, either over the annotation-/indicator-popup or by dragging an annotation-control-point directly, an event on the chart instance should be fired, so that you can e.g. automatically save the chart-state every time something has changed.

    Maybe something like:
    Highcharts.Chart#events:annotationChanged
    Highcharts.Chart#events:indicatorChanged

    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 →

    Hi,

    Thank you for submitting the idea.

    Basic events are already here: on chart level we have addSeries (https://api.highcharts.com/highcharts/chart.events.addSeries) and series remove – implemented, but not a part of documented API (demo: http://jsfiddle.net/BlackLabel/0cosmk2g/) or similar series destroy (the same situation).

    For series update you could use series render event (not a part of documented API).

    Events for annotation update are not yet implemented.

    How to resolve:
    Generally, this could be implemented through extending Highcharts. Related functions that create, update and destroy annotations could be wrapped to fire additional events. I’ll try to provide a POC later this week.

  12. highchart solid gauge show a default tooltip or series

    many people don't have the idea to move the mouse over the apple watch solid gauge at the first impression, is there anyway to show one tooltip to pretend it's selected by default? or show series around the circle ?

    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 →
  13. Request for Mexico Cities HighCharts

    https://www.highcharts.com/maps/demo/map-drilldown
    i want like this highcharts for mexico. i have done to implement the mexico states but find no data for mexico cities. can anyone provide js file for mexico cities details.

    thanx.

    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 →
  14. 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
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  15. 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 →
  16. navigator axis position in xAxis array should always be at the end position or removed

    Currently the navigator is positioned at number 2 point in the axis array if new axis are dynamically added otherwise it is the last element. This makes indexing int the axis array unnecessarily complicated and confusing. I want that the navigator array either be taken out of the xAxis array and have its own array or at least have a consistent position

    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 →
  17. Horizontal Stripes algorithm in Treemap

    It would have been great if we had the option to have horizontal, in addition to the vertical, stripes so that examples like this https://jsfiddle.net/dimitrisv/yb2u713m/11/ can make more meaningful use of the available space.

    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. Waterfall Chart with Pre-Aggregated Interim / Final Balance

    Currently the Waterfall Chart can create Interim Balances, but those are calculated as part of the chart.
    In case the actual data set already provides those interim balances and Final Balances, those can not be leveraged because as soon as the Interim / Final Balance flag is set, the actual data value is being ignored.
    There should be an option to decide if an existing entry from the data set should be visually represented as Interim / Final Balance.

    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. Add a more detailed map for China.

    I would like to request a more detailed map for China. Current map is at provincial level, which is fine for general purposes. But for some finer analyses, a city level resolution is very much desirable.

    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 →
  20. cursor:'pointer' on every point

    Let specify the cursor:'pointer' on every point, not only on entire series or in the plotOptions object, thanks.

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

Highcharts Javascript API

Feedback and Knowledge Base