ElementStacks
HTML
<script type="text/javascript" src="https://raw.github.com/highslide-software/highcharts.com/v2.1.9/js/highcharts.src.js"></script>
<div id="container" style="height: 400px"></div>
JavaScript
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
marginRight: 80,
type: 'spline'
},
xAxis: [{
tickWidth: 0,
lineWidth: 0,
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
}],
series: [
{
data: [
{ y: 29.9 },
{ y: 71.5 },
{ y: 106.4 },
{ y: 129.2 },
{ y: 144.0 },
{ y: 176.0 },
{ y: 135.6 },
{ y: 148.5 },
{ y: 216.4 },
{ y: 194.1 },
{ y: 95.6 },
{ y: 54.4 }
]
},
{
data: [
{ y: 220, marker: { symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' }},
{ y: 220, marker: { symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' }},
{ y: 220, marker: { symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' }},
{ y: 220, marker: { symbol: 'url(http://www.highcharts.com/demo/gfx/snow.png)' }},
{ y: 220, marker: { symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' }},
{ y: 220, marker: { symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' }},
{ y: 220, marker: { symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' }},
{ y: 220, marker: { symbol: 'url(http://www.highcharts.com/demo/gfx/snow.png)' }},
{ y: 220, marker: { symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' }},
{ y: 220, marker: { symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' }},
{ y: 220, marker: { symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' }},
{ y: 220, marker: { symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' }}
],
type: 'scatter'
}
]
});