https://codepen.io/nmnuou/pen/VwQQBNR
The default stroke of the spiderweb is set to 2 and 3 for mouse over. I'd like to change this to 1 and 2. If you set stroke-width to highcharts-graph in css, you can change the line thickness, but there is no mouseover.
enter code here
Highcharts.chart('info_chart', {
chart: {
polar: true,
type: 'area',
},
accessibility: false,
title: false,
xAxis: {
categories: ['Sales', 'Marketing', 'Development', 'Customer Support',
'Information Technology', 'Administration', 'ghj'],
tickmarkPlacement: 'on',
lineWidth: 0
},
yAxis: {
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0,
max: 150,
tickInterval:50
},
tooltip: {
shared: true,
pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>'
},
legend: false,
colors: ['#FF5D87'],
series: [{
name: 'Allocated Budget',
data: [73, 89, 60, 55, 97, 110, 60],
pointPlacement: 'on'
,strokeWidth:1
,max:100,
}],
responsive: {
rules: [{
condition: {
maxWidth: 500
},
chartOptions: {
legend: {
align: 'center',
verticalAlign: 'bottom',
layout: 'horizontal'
},
pane: {
size: '70%'
}
}
}]
}
});