Skip to content Skip to sidebar Skip to footer

Highcharts Box Plot Chart Customization

Is it possible to customize the Highcharts box plot chart to have markers instead of boxes. I need to create something that's a cross between a spleen and a box plot. I tried messi

Solution 1:

In your spline series, set the color to 'white' and then set the marker fill color to something else. This will hide the line, show the markers only, and also update the legend correctly.

name: 'Temperature',
type: 'spline',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
color: 'white', /* hides the line */
marker: { fillColor: 'red'}, /* reveals the markers only */
tooltip: {
    pointFormat: '<span style="font-weight: bold; color: {series.color}">{series.name}</span>: <b>{point.y:.1f}°C</b> '
}

See also the fiddle at: http://jsfiddle.net/brightmatrix/ryfqwska/1/

I hope this helps!

enter image description here

Post a Comment for "Highcharts Box Plot Chart Customization"