score:1
Accepted answer
The simplest solution seems to be:
- disable
grouping
- define points positions by setting
x
values as decimal numbers - define boxplot size by
pointPadding
- instead of
scatter
useline
series withlineWidth: 0
(to shared tooltip work properly) - enable shared tooltip
tooltip: {
shared: true
},
plotOptions: {
series: {
grouping: false,
pointRange: 1,
pointPadding: 0.4,
groupPadding: 0,
states: {
hover: {
lineWidthPlus: 0
}
}
}
},
series: [{
data: [
[-0.2, 755, 811, 838, 885, 955],
[0.8, 725, 863, 930, 980, 1050],
[1.8, 704, 752, 827, 870, 915],
[2.8, 714, 812, 825, 871, 945],
[3.8, 780, 826, 852, 882, 950]
],
...
},
{
data: [
[0.2, 760, 801, 848, 895, 965],
[1.2, 733, 853, 939, 980, 1080],
[2.2, 714, 762, 817, 870, 918],
[3.2, 724, 802, 816, 871, 950],
[4.2, 775, 836, 864, 882, 970]
],
...
},
{
type: 'line',
lineWidth: 0,
data: [ // x, y positions where 0 is the first category
[-0.2, 850],
[0.8, 935],
[1.8, 825],
[2.8, 840],
[3.8, 850]
],
...
},
{
type: 'line',
lineWidth: 0,
data: [
[0.2, 860],
[1.2, 945],
[2.2, 805],
[3.2, 850],
[4.2, 860]
],
...
}
]
Live demo: http://jsfiddle.net/BlackLabel/6m4e8x0y/4947/
API Reference:
https://api.highcharts.com/highcharts/series.line.states.hover.lineWidthPlus
https://api.highcharts.com/highcharts/series.boxplot.grouping
Source: stackoverflow.com
Related Query
- Mean Markers in Boxplot with multiple series
- How to have multiple highcharts with different series data in vuejs without repeating code
- HighCharts BoxPlot With Multiple Series Having Single Data
- Highcharts with JSON data and multiple series
- Need stacked column chart with multiple series
- Display multiple time series with rCharts hPlot
- How to add mean line in a boxplot made with highcharter?
- Highcharts: update series on multiple charts with same data
- Multiple Series Timeline with HighCharts
- Highcharts not displaying series data for graph with multiple Y-axes
- Click events on highcharts with multiple series
- Highcharts async Server Loading with multiple series
- Highcharts, how to change hover bg color for series with multiple columns (categories)
- Highcharts problem with xAxis using multiple series
- Highstock - How to add multiple series with JSON-Array
- How to hide empty column in column hightcharts with multiple series
- Change chart type and redraw with multiple series in Highcharts
- Highcharts shared tooltip between charts with multiple series and shared tooltip
- Highcharts show the same yAxis start and end value with multiple data series
- Highcharts multiple series line charter, markers become invisible
- Treemap with Multiple Series
- Highcharts - How to make a scatter plot with multiple series from HTML table
- Highcharts Multiple series with database
- Highcharts synchronize tooltip on multiple charts with multiple series
- Charts using Highcharts with multiple series from JSON
- Strange behavior with highcharts when using "column" type and multiple datetime series
- Highcharts with multiple series from JSON Dynamically
- how to plot multiple time series in the same graph with customized x axis
- Multiple data series and multiple data tooltip with HighMaps
- Highcharts: How to display multiple tooltips by click in multiple series with shared true
More Query from same tag
- How to do a if else statement for highcharts in laravel
- Highcharts linked views
- Highstocks : Automaticly cumul datas at the same day
- Plot 400K graphs of 2 points from CSV with Highcharts
- Array for subseries on highcharts Drilldown
- Limit the data points in Highchart
- Highcharts Heatmap colorAxis stops no gradient
- HighStocks with Reactjs - Make it occupy full size of div container
- Highcharts: How to push the categories to the side?
- How to add highcharts plugins into highcharts-vue(highcharts vue wrapper)
- HighChart- Wrong Datetime in the X-Axis for Live Chart
- Highcharts-Export Server 2.0.1 Errors Under Windows
- Javascript - Convert timestamp into milliseconds for Highcharts Y axis
- Can't disconnect line chart with [null,null] and irregular intervals in Highcharts
- Highchart: add custom button to show/hide annotations?
- Passing series data from Java to Multi Y axis Highcharts
- Can I ignore Highcharts Error #15 untill the functionality is working as expected
- Why Highcharts Animation choppy on mobile device?
- blank page highchart in using jquery to call json arrary
- Rails collecting and rendering JSON data in to a Highcharts graph
- how to show cross hair in highchart always by default
- Improving rCharts performance when plotting thousands points
- highcharts - Remove only legend for colorAxis (keep legend for series)
- Highcharts - Add difference between y-points
- Set Dynamic x-axis range in Highcharts
- Multiple Series in HighStock navigator Angular
- Offset displayed data 4 hours forward on HighCharts x axis
- Loading multiple variables using Highcharts and jquery with php
- Highcharts data import JSON - formatting
- Set certain values of grouped variable in Highcharter bar plot to be deselected by default