Highcharts test tool
by juErik
HTML
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<div id="container" style="height: 400px"></div>
JavaScript
$(function() {
$.getJSON("http://www.highcharts.com/samples/data/jsonp.php?filename=usdeur.json&callback=?", function(data) {
var chart = new Highcharts.StockChart({
chart : {
renderTo : 'container',
height: 650,
zoomType: "x"
},
rangeSelector : { selected : 1 },
title : {
text : 'USD to EUR exchange rate'
},
tooltip: {
style: { width: '200px' },
valueDecimals: 4/*,
formatter: formatterTT*/
},
yAxis: [
{
title: { text: 'Primary Axis' },
height: 200,
offset: 0
},
{
title: { text: 'Secondary Axis' },
top: 350,
height: 200,
offset: 0
}
],
plotOptions : {
series : {
point : {
events: {
click : checkSeriesClick
}
}
}
},
series : [
{
type : "line",
data : [
{
name: 'Point 1',
x : Date.UTC(2011, 3, 25),
y: 10,
title : 'H',
text : 'Euro Contained by Channel Resistance'
},
{
name: 'Point 2',
x : Date.UTC(2011, 3, 28),
y: 20,
title : 'G',
text : 'EURUSD: Bulls Clear Path to 1.50 Figure'
},
...