I am currently facing some issues while displaying the chart in boost mode. For this particular chart I need the markers to be displayed. It works fine without boost, but our real dataset is pretty big so boost mode for all our charts is pretty much a must. With boost mode, however, the markers at the edge of the chart gets cut off.
Using the main Highcharts library and the react wrapper:
"highcharts": "^9.1.2",
"highcharts-react-official": "^3.0.0"
Without boost: With boost: This is the settings I am using for boost mode, for non-boost mode, it's just boostThreshold set to 0:
Code: Select all
{
"chart": {
"zoomType": "xy"
},
"credits": {
"enabled": false
},
"plotOptions": {
"series": {
"pointPlacement": "on",
"boostThreshold": 1,
"turboThreshold": 1
}
},
"title": {
"text": "Cumulative Default Probability"
},
"xAxis": {
"categories": [
"1Y",
"2Y",
"3Y",
"4Y",
"5Y",
"6Y",
"7Y",
"8Y",
"9Y",
"10Y"
]
},
"legend": {
"layout": "vertical",
"align": "right",
"verticalAlign": "middle"
},
"colors": [
"#FF0000",
"#FF8000",
"#FFFF00",
"#80FF80",
"#00FF00",
"#00C000",
"#008000",
"#0000FF",
"#C000C0",
"#800080"
],
"series": [
{
"type": "line",
"name": "test1",
"data": [
0,
0,
0,
0,
0,
0,
0,
0,
0,
0
],
"marker": {
"symbol": "square"
}
},
{
"type": "line",
"name": "test2",
"data": [
10,
11,
12,
13,
14,
15,
16,
17,
18,
19
],
"marker": {
"symbol": "square"
}
}
]
}