foreground image study 2
by kzoon
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 600px"></div>
JavaScript
$(function () {
var myImg;
$('#container').highcharts({
"chart": {
"reflow": false,
"type": "column",
events: {
load: function () {
renderForgroundImage(this);
},
redraw: function () {
renderForgroundImage(this);
}
},
"animation": false,
"borderRadius": 0,
"backgroundColor": "rgba(255,255,255,1)",
"plotBackgroundImage": "http://www.highcharts.com/demo/gfx/skies.jpg",
"scPlotForegroundImage": "id-gen-7639.CHARTPLOT_FOREGROUND.a5400ccda-ef0b7e95-d1eb-4784-be29-f3a2f13562f3.5.StateImageHandler.axd",
"spacingBottom": 10,
"scAnimateChanges": false
},
"title": {
"text": ""
},
"subtitle": {
"text": ""
},
"legend": {
"margin": 10,
"backgroundColor": "rgba(255,255,255,0)",
"borderWidth": 1,
"itemStyle": {
"fontFamily": "'Lucida Grande', 'Lucida Sans Unicode'",
"fontSize": "11px",
"fontWeight": "normal",
"color": "rgba(102,102,102,1)"
}
},
"tooltip": {
"enabled": true,
"style": {
"fontFamily": "'Lucida Grande', 'Lucida Sans Unicode'",
"fontSize": "11px",
"color": "rgba(102,102,102,1)"
},
"hideDelay": 10
},
"plotOptions": {
"column": {
"animation": false,
"shadow": false,
"stickyTracking": false,
"zIndex": 11,
"dataLabels": {
"enabled": false,
"borderColor":...