95 results found
-
Position tick labels between ticks on a date-time x-axis
In a chart with data plotted on and datetime x-axia i would like to position tick labels between ticks rather than on ticks. An when i zoom they still appear in the center to the right of it's tick.
for example i have a tick on August 1st and another on September 1st and my date formate is MMM. I would like to see 'Aug' centered between the August 1st tick and the September 1st tick
7 votesThis would definately be a nice feature. I believe we would need two types of label placement on datetime axes. Interval labels would be placed between ticks. For example a month name. But if the interval spans two months, like August-September, the label would have to be placed on the 1st of August.
-
Do we have option to generate Smith Charts?
We have a requirement to generate Smith Charts. Can Highcharts support Smith Charts?
1 voteCurrently Smith charts can’t be drawn with Highcharts out of the box.
-
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 coding18 votesThanks for your suggestion, we do have this study that includes a subset of chord diagrams: http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/samples/highcharts/studies/circle-relation/
-
add events to axis labels
there should be standard events like mouseOut, mouseOver, click , etc. available for axis labels. currently it is possible to do it through custom events plugin, but it is not compatible with latest highcharts
1 voteThe Pointer object has a nice utility that you can use to detect whether a certain class is clicked: http://jsfiddle.net/qcehvqqk/
-
Support 3d line charts with multiple series
At the moment there is no support for 3d line charts with multiple series. Something like this
https://habrastorage.org/getpro/habr/post_images/c82/1f8/8fe/c821f88fe784e852dab621227f2d1c52.png7 votesThanks for writing. It would be like http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/samples/highcharts/3d/column-grouping/, except with a line chart instead of column.
-
Pagination facility providing is most important for bar charts
Pagination facility providing is most important for bar charts
3 votesWe don’t have pagination currently, but you can add a scrollbar to the X axis: http://utils.highcharts.local/samples/#view/stock/yaxis/inverted-bar-scrollbar
-
Add double slash rendering on axis to simple break
Simple breaks may be quite confusing now because the reader of the chart has no indications of the occurrence of a break in the axis. It would be very nice to add to the simple break an axis cut by too slashes same way as shown on the Y axis of this sample : http://jsfiddle.net/gh/get/jquery/2/highcharts/highcharts/tree/master/samples/highcharts/axisbreak/break-visualized/
It would be very nice to have such feature configurable through highcharts editor
visualization of the break in the graph itself is a more advanced feature that could be addressed in javascript because it depends much on the type of graph.
3 votesYes I agree this should be the default visualization. We need an option to turn it on or off though, as it would probably become too obtrusive for stock chart x axes where there is a break every night. Also, the Y axis by default has no line width, so the break by default would be invisible.
Any suggestions?
-
Data labels with collision avoidance and connectors for scatter and bubble charts
Scatter and bubble charts do not seem to support collision avoidance for data labels. Along with collision avoidance, connectors that link the points to the data labels would be very helpful.
Thank you for the great library.
22 votesAs you can see from http://jsfiddle.net/highcharts/2cu52v0e/, there is currently collision avoidance.
It hides colliding data labels, but it doesn’t move them, and subsequently doesn’t add connectors.
-
PhantomJS: Server Side generated combined charts
PhantomJS/HighCharts at the moment supports only chart by chart server side image generation by passing options of a chart.
It would be nice that when someone passes multiple options PhantomJS and HighCharts consider this as each option as a new chart and stack them together into one image.
Only solution at the moment is that we generate one by one chart and combine them seperetly which i think should be done already on PhantomJS/HighCharts.
3 votes -
Error bar tooltips
I would like the option to show a the numbers for a single data point and its associated margin of error (M.o.E.) bar in a single unified tooltip, as in:
[ Apples: 67.5 (M.o.E.: 63.4 - 71.6) ]
I would like this rather than having the data points and margins of error on separate tooltips or having data for all series on the same shared tooltip.
1 voteHi, you can do that with a custom pointFormatter that looks for the next series and inserts the margin of error: http://jsfiddle.net/v3yfcf2o/
-
Bubble Coloring
We have a requirement to color the bubble depends on the size. Basically, if the value is high, it will have a darker color and for a low value, a lighter color.
3 votesBy borrowing some functionality from color axis, you can compute dynamic colors for the bubbles: http://jsfiddle.net/highcharts/pa9byxym/
-
Allow column chart rounded corners to display with non-zero y-axis
If you have a chart such as the following: https://s3.postimg.org/juxazrv5f/Screen_Shot_2016_08_19_at_20_19_08.png
And you change that yaxis 0 value to non-zero, i.e. 10, then the following occurs: https://s3.postimg.org/jdop36c8z/Screen_Shot_2016_08_19_at_20_18_27.pngWe urgently need a hack/workaround to once again display the rounded corners. We are using Torsteins rounded-corners plugin to achieve this.
3 votesCan you share some more information? In this example, it works okay: http://jsfiddle.net/highcharts/6ee7wm2k/
-
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 API. But of…
38 votesThanks for writing! We have support for treemaps in Highcharts 4, and we’re considering adding the related hyperbolic tree maps after the release of HC5.
-
Please add the feature of spacing between series
Please add the feature of spacing between series
3 votesCan you elaborate on that? What kind of series? Where do you want the spacing? A sketch or screenshot would be helpful.
-
Add top border to PlotBand
When plotting a plodBand it doesn't plot the top border, if it's required to not plot the top border for some use cases, there should be an option to plot or not the top border.
1 voteThe plot bands are only single shapes so we can’t currently give them individual borders. What you can do is to add a plotLine at the top value of the plot band.
See http://jsfiddle.net/highcharts/8bkL6pty/ -
callback for 'noData'
When there is no data to display, the message shows up on the chart. But there are things users might want to do in such a situation. For example, I have custom navigation buttons which lose meaning when there is no data. Some might even want to remove the context menu button. It would be great if there'd a callback where you could add/remove elements to/from the chart.
7 votesThanks for your suggestion! You can wrap the showNoData and hideNoData functions to add your custom code: http://jsfiddle.net/highcharts/3u2crb53/
-
Faded rectangle on candlestick chart which indicates minimum and maximum based on time t1- begin and t2-end of time window.
Idea is shown here: http://waszczyk.com/resources/rectandleDoNotDelete.PNG Top edge indicates a maximum from chart and bottom edge shows a minimum with respect to input- T1 and T2. The background color is faded and custimizable.
3 votesCould a polygon series work for you? http://jsfiddle.net/highcharts/n43L0a2x/
-
highchart - chart should be overflow = auto
Can we have any highchart functionality/feature that dashboard can automatically adjust width(HScroll bar) & height(VScroll bar) ?
Like chart should be overflow = auto (as per data)
1 voteHi, with the new axis scrollbar feature it is possible to set a fixed range on the axis, so that the scrollbar is visible for longer series: http://jsfiddle.net/highcharts/fh0ormh5/
-
Allow injecting a tooltip into the document body directly
Allows using highcharts within more complex stacking contexts, and offers a much cleaner solution to issues like http://stackoverflow.com/questions/18658043/highcharts-pie-tooltip-cuts-off, http://stackoverflow.com/questions/10734746/highcharts-tooltip-overflow-is-hidden, http://stackoverflow.com/questions/31415313/force-highcharts-to-display-tooltip-outside-of-div-container, http://stackoverflow.com/questions/20556824/highcharts-tooltip-z-index, http://stackoverflow.com/questions/15130311/highcharts-labels-visible-over-tooltip, etc.
4 votesI think this study addresses the problem:
http://jsfiddle.net/gh/get/jquery/1.7.2/highcharts/highcharts/tree/master/samples/highcharts/studies/tooltip-outside-box/We are considering making this a part of the core. Does it resolve your problem?
-
Title and Chartnames To Be Selectable with mouse .Would You Please Add this opprtunity?
I can't select the title and the chart categories . In some situations I need to select and copy those strings . Would You Please Add this opportunity ASAP?
34 votesHi, this feature is prevented in two places, because there were problems with text being selected when trying to zoom in. See https://github.com/highcharts/highcharts/issues/3224.
If you want to enable text selection, there are two lines where the event handling is prevented. If you comment out both these lines, your users can select text:
- https://github.com/highcharts/highcharts/blob/v5.0.14/js/parts/Pointer.js#L756
- https://github.com/highcharts/highcharts/blob/v5.0.14/js/parts/Pointer.js#L813
- Don't see your idea?