95 results found
-
scientific notation
It would be nice to have a default formatter for displaying numbers in scientific notation
3 votesHere’s an idea of how to add a format for scientific notation:
http://jsfiddle.net/highcharts/pLy4g2dk/
Alternatively, Number.toExponential can be used inside formatter functions.
-
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 voteYou can add this to the title dynamically: http://jsfiddle.net/highcharts/h24v71vs/
-
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 votesThis 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.
-
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 votesThank you for your request! By extension, this applies to PNG and JPEG exports in addition to PDF. You can override the Highcharts.downloadURL function to capture the dataURI. See http://jsfiddle.net/highcharts/9my975x4/.
-
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 votesThank you for your suggestion, that’s a nice solution to column placement challenges. Alternatively, the column width could be the same, but the position centered inside the category.
-
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 votesThank you for your suggestion!
Currently, you can use our public export server to do this. It runs at https://export.highcharts.com and accepts parateters as described at https://www.npmjs.com/package/highcharts-export-server.
There is however a limitation of 10 charts a minute. We are considering setting up a commercial service to allow more conversions.
-
Tooltip data interpolation
If I've got a sparse dataset (e.g. to save space, duplicate data points are omitted), a line graph still represents the data accurately, however the tooltip only appears over the actual data points.
Would it be possible for the tooltip to interpolate the data at the mouse pointer's position so as to show a value whether there's an actual data point there or not?
42 votesHere’s a little hack to display an invisible, interpolated series above the data series: http://jsfiddle.net/highcharts/F4e2Y/
See alto the associated GitHub issue: https://github.com/highcharts/highcharts/issues/647
-
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 voteA possible way to do it is to use SVG markers, see http://jsfiddle.net/4qgy4rmh/1/.
-
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/
-
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?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?
continue to show tooltip until tooltip-are-mouse-leave event -…
1 voteActually it seems like you are looking for something more than a simple popover text display, especially since you mention buttons and events etc, I think it would be better for you to go with a completely custom implementation. You can hook up to point events to get started: http://jsfiddle.net/highcharts/rsvkc3x3/
-
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.
-
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/
-
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
-
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/
-
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?
-
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/
-
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/
- Don't see your idea?