Code:
<DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<link rel="stylesheet" type="text/css" href="http://dev.sencha.com/deploy/ext-4.1.0-gpl/resources/css/ext-all.css">
<script type="text/javascript" src="http://dev.sencha.com/deploy/ext-4.1.0-gpl/ext-all.js"></script>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function()
{
Ext.create("Ext.chart.Chart",
{
"width":800,
"height":500,
"renderTo":Ext.getBody(),
"animate":{"easing":"ease", "duration":750},
"insetPadding":20,
"theme": "Base",
"store":Ext.create("Ext.data.JsonStore",
{
fields: ["Title","Initialiseringsfase"],
data:
[
{"Title":"Bananer","Initialiseringsfase":-4},
{"Title":"Æbler","Initialiseringsfase":3},
{"Title":"Jordbær","Initialiseringsfase":-7}
]
}),
"series":
[
{
"type":"scatter",
"xField":"Title",
"yField":"Initialiseringsfase",
"showInLegend":true,
"markerConfig":{"radius":7,"size":7,"type":"triangle"},
"showMarkers":true,
"label":{"display":"middle","field":"Initialiseringsfase","font":"12px Verdana","fill":"black","color":"#000","minMargin":50,"orientation":"horizontal"}
}
],
"axes":
[
{
"type":"Category",
"position":"bottom",
"fields":["Title"],
"grid":true,
"title":null,
"label":{"font":"12px Verdana","rotate":{"degrees":90}}
},
{"type":"Numeric",
"position":"left",
"fields":["Projektledelsesfase","Overdragelsesfase","Initialiseringsfase"],
"grid":true,
"title":null,
"label":{"font":"12px Verdana","rotate":{"degrees":0}},
"minimum":-40,
"maximum":40,
"majorTickSteps":3
}
],
"legend":{"position":"right","labelFont":"12px Verdana"},
"shadow":false
});
});
</script>
</body>
</html>