95 results found
-
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/
-
useUTC as a configuration per chart
I have an application that uses UTC in some graphs and non UTC time in other. It would be great to have is as a configuration.
7 votesHere’s a plugin that implements this by setting the global useUTC setting on chart init and on mouse over: http://jsfiddle.net/highcharts/auvsV/
-
Using custom shapes like callout box for tooltips
Please provide facility in Api to use shapes like callout box other than the default rectangle shape for tooltips.
7 votesActually this is possible today, you just have to write the symbol path, which is quite complicated. Here’s a sample that supports pointers on the right and left side. Rounded corners not yet supported:
-
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.
-
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.
-
Set <svg> shape rendering property
http://www.w3.org/TR/SVG/painting.html#ShapeRenderingProperty
Allow setting of shape-rendering attribute in order to enable speed optimising.
Code modification example:
SVGRenderer.prototype = {
/**
* Initialize the SVGRenderer
* @param {Object} container
* @param {Number} width
* @param {Number} height
*/
init: function(container, width, height) {
var box = doc.createElementNS('http://www.w3.org/2000/svg', 'svg'),
loc = location;
attr(box, {
width: width,
height: height,
'shape-rendering': 'crispEdges', //suggest to add this by config7 votesYou can set it using CSS:
svg.highcharts-root {
shape-rendering: optimizeSpeed;
}See http://jsfiddle.net/highcharts/qkdynr7s/. You can see from the ugly, jagged line that it works.
-
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 votesIt’s already possible, but not very intuitive, since Highstock is all about time-based data. The trick is to set the button type to “millisecond”, which represents one axis unit: http://jsfiddle.net/zgLdjk6k/
-
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.
-
Ability to specify the minimum gap size in seconds
Please, add the possibility of specifying the gapSize in seconds (eg gapTime). It will be very-very useful for timeline charts for Highstocks and Highcharts.
6 votesFor the records, it would not be seconds specifically, but X values in general.
Here’s a snippet that makes the gapSize apply to absolute X values (meaning milliseconds in our case): http://jsfiddle.net/highcharts/wado3rku/
If we implement this in the core, it should probably be called gapValues or gapSizeAbsolute, but we need to check how it works with an ordinal axis.
-
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?
-
dragging the dependencies on run-time by user like nodes can be dragged at run-time by user in interactive-gantt
Steps to replicate –
Click on the following URL -https://www.highcharts.com/gantt/demo/interactive-gantt
Click on “Edit in JSFiddle”.
Try dragging “prototype” or any other node.
Unlike nodes which can be dragged by user at run-time, (dependencies) dependency arrows cannot be dragged by user at run-time.4 votesThanks for the idea, it makes sense to be able to drag the dependencies. We’ll discuss this in house.
-
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.
-
redraw chart on mobile orientation change
With Highchart version 3.0, the chart does not get rendered on mobile orientation change. I am not sure if this is available with Hightchart ?
4 votesHighcharts doesn’t do anything internally on orientation change, except it reflows if the window.resize event fires.
You can add your own listeners to orientation change though.
What does the case look like? Is there a problem?
-
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.
-
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?
-
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 votesYou can link them together using event handlers like so: http://jsfiddle.net/yb18evpt/
-
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.
-
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 -
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 votesThanks for requesting! This kind of validation could be added to the debug module.
We do try to add information about conflicting options in the API docs however. Are there any specific cases that we failed to mention?
- Don't see your idea?