Is it possible to insert a break in the high charts legend? - highcharts

Over time i have gotten quite alot of elements in my HighCharts legend. I would like to sort them in a simple way, like insert a break to arrange the elements.
How can i do this?
Thanks in advance!

Using legend.width should do the trick - API and Fiddle

Increasing itemWidth and itemMarginTop should do the trick and divide legend items evenly.
API Reference:
http://api.highcharts.com/highcharts/legend.itemWidth
http://api.highcharts.com/highcharts/legend.itemMarginTop
Example:
http://jsfiddle.net/015fzv3a/

Related

Is it possible to have synchronized charts with error lines?

Is it possible to have synchronized-charts that would show error bars too? I have 3 timeseries I'd like to show in a synchronized-charts, but each measurement has a +-3% of error and would like to show that too but without the bars. Similar to https://ibb.co/4jL7ZZ0
Is this achievable? If so how?
Thanks.
Thanks for the clarification. I think that you can use the errorbar series type to achieve it.
Demo: https://www.highcharts.com/demo/error-bar

Highcharts - how to correctly align x-axis ticks when plotOptions.column.crisp set to false

I recently found that there is a built-in option to disable crisp for bar and column charts, which is awesome! However, I noticed that x-axis ticks slightly off (I believe ticks distance gets calculated based on crisp-true). Is there a way to align them properly?
Here are docs https://api.highcharts.com/highcharts/plotOptions.column.crisp
Updated example:
https://jsfiddle.net/bqo9dv5a/
Ideally, I want ticks to be centered for each column.
Thank you!
I found this parameter on documentation (xAxis.offset), maybe it will help achieve what you want.
API Reference: https://api.highcharts.com/highcharts/xAxis.offset
Live Demo: https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/yaxis/offset/

Stacked value with line chart with highcharts

I got an situation like this. I would like to using line chart to draw stacked value. I have tried google search but i can't find the solution.
For example: On date May/23 i got 3 values, i would like to display these on line-chart.
How could i achieve this? Does highcharts support to do this one. Please take a look at the link attach to clearer the question
Stacked line chart image
Addition info: Im using highcharts to do this one
Thanks for any comment or answer
Follow jlbriggs
I should use scatter-chart to achieve this one
Regarding the tooltip, I would suggest using a scatter series instead of a line. Set the lineWidth in the plotOptions and it will plot just like a line series, but the tool tips are handled differently. Example: jsfiddle.net/jlbriggs/c1o8Lwgv

Highcharts: Legend not show

I tried to make a chart using Highcharts 3.0. Have a look at [http://jsfiddle.net/QL2Hn/][1]
The problem is, why the chart legend only perform 2 pieces only? Please help. Thank you.
Well for me it lists all items, see this http://jsfiddle.net/QL2Hn/1/ but you need to set showInLegend:true

Highcharts combination

I would like to ask about chart combination in Highcharts.
Is there any possible combine the multiple axis chart which is located in Highcharts with the Highstock scroll bar features ?
thank you for reply.
You can use highstock.js with combine with Highcharts. Then scrollbar will be avaiable. Please take look at example:
http://jsfiddle.net/anm6z/1/
I don't know about scroll bar but there is a example called master-detail check it out once. it may be helpful to you

Resources