Draw marker as circle with hover enabled
Description
The following code shows how to draw marker as circle with hover enabled.
Example
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script type='text/javascript'>
$(function () {<!--from w w w.jav a 2s . co m-->
$('#container').highcharts({
chart: {
type: 'area'
},
plotOptions: {
area: {
pointStart: 20,
marker: {
enabled: false,
symbol: 'circle',
radius: 2,
states: {
hover: {
enabled: true
}
}
}
}
},
series: [{
name: 'B',
data: [null, 10421, null, 123, null, 6, 11, 32, 110, 235, 369, 640,
10871, 123, 123, 10527, 10475,123 , 10358, 10295, 10104]
}, {
name: 'A',
data: [
5, 25, 20000, 120, 19000, 200, 426, 660, 16000, 1060, 1605, 2471, 3322,
21000, 12, 123, 18000, 18000, 17000,123 ]
}]
});
});
</script>
</head>
<body>
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-width: 310px; height: 400px; max-width: 800px; margin: 0 auto"></div>
</body>
</html>