Polygons in Highcharts
HTML
<script src="http://github.highcharts.com/highcharts.js"></script>
<script src="http://github.highcharts.com/highcharts-more.js"></script>
<div id="container"></div>
CSS
#container {
min-width: 300px;
max-width: 800px;
height: 300px;
margin: 1em auto;
}
JavaScript
$('#container').highcharts({
series: [{
name: 'Constellation Nme!',
type: 'polygon',
data: [
[16.26667, 4.0],
[16.08333, 4.0],
[16.08333, 16.0],
[15.91667, 16.0],
[15.91667, 22.0],
[16.03333, 22.0],
[16.03333, 26.0],
[16.16667, 26.0],
[16.16667, 27.0],
[16.33333, 27.0],
[16.33333, 40.0],
[15.75, 40.0],
[15.75, 51.5],
[17.0, 51.5],
[17.0, 50.5],
[18.23333, 50.5],
[18.23333, 47.5],
[18.175, 47.5],
[18.175, 30.0],
[18.36667, 30.0],
[18.36667, 26.0],
[18.86667, 26.0],
[18.86667, 25.5],
[18.86667, 21.08333],
[18.86667, 18.5],
[18.86667, 12.0],
[18.66222, 12.0],
[18.25, 12.0],
[18.25, 14.33333],
[17.25, 14.33333],
[17.25, 12.83333],
[16.75, 12.83333],
[16.75, 4.0],
[16.26667, 4.0],
]
},
]
});