Subversion Repositories php-qbpwcf

Rev

Rev 23 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
23 liveuser 1 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 
<html>
3 
 
4 
    <head>
5 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6 
        <title>amCharts examples</title>
7 
        <link rel="stylesheet" href="style.css" type="text/css">
8 
        <script src="../amcharts/amcharts.js" type="text/javascript"></script>
9 
        <script src="../amcharts/xy.js" type="text/javascript"></script>
10 
 
11 
        <script>
12 
            var chart;
13 
 
14 
            var chartData = [{
15 
                "x": 10,
16 
                "y": 14,
17 
                "errorX": 3,
18 
                "errorY": 4
19 
            }, {
20 
                "x": 5,
21 
                "y": 3,
22 
                "errorX": 1.52,
23 
                "errorY": 6.8
24 
            }, {
25 
                "x": -10,
26 
                "y": 3,
27 
                "errorX": 0.8,
28 
                "errorY": 3.5
29 
            }, {
30 
                "x": -6,
31 
                "y": 5,
32 
                "errorX": 1.2,
33 
                "errorY": 4.2
34 
            }, {
35 
                "x": 11,
36 
                "y": -4,
37 
                "errorX": 2.4,
38 
                "errorY": 3.9
39 
            }, {
40 
                "x": 13,
41 
                "y": 1,
42 
                "errorX": 1.5,
43 
                "errorY": 3.3
44 
            }, {
45 
                "x": 1,
46 
                "y": 6,
47 
                "errorX": 2,
48 
                "errorY": 3.3
49 
            }];
50 
 
51 
            AmCharts.ready(function() {
52 
                // XY Chart
53 
                chart = new AmCharts.AmXYChart();
54 
 
55 
                chart.dataProvider = chartData;
56 
 
57 
                // AXES
58 
                // X
59 
                var xAxis = new AmCharts.ValueAxis();
60 
                xAxis.title = "X Axis";
61 
                xAxis.position = "bottom";
62 
                xAxis.autoGridCount = true;
63 
                chart.addValueAxis(xAxis);
64 
 
65 
                // Y
66 
                var yAxis = new AmCharts.ValueAxis();
67 
                yAxis.title = "Y Axis";
68 
                yAxis.position = "left";
69 
                yAxis.autoGridCount = true;
70 
                yAxis.minMaxMultiplier = 1.2;
71 
                chart.addValueAxis(yAxis);
72 
 
73 
                // GRAPH
74 
                var graph = new AmCharts.AmGraph();
75 
                graph.errorField = "errorX"; // valueField responsible for the size of a bullet
76 
                graph.xField = "x";
77 
                graph.yField = "y";
78 
                graph.lineAlpha = 0;
79 
                graph.bulletAxis = xAxis;
80 
                graph.bullet = "xError";
81 
                graph.balloonText = "x:<b>[[x]]</b> y:<b>[[y]]</b><br>x error:<b>[[errorX]]</b><br>y error:<b>[[errorY]]</b>";
82 
                chart.addGraph(graph);
83 
 
84 
                // GRAPH
85 
                graph = new AmCharts.AmGraph();
86 
                graph.errorField = "errorY"; // valueField responsible for the size of a bullet
87 
                graph.xField = "x";
88 
                graph.yField = "y";
89 
                graph.lineAlpha = 0;
90 
                graph.bulletAxis = yAxis;
91 
                graph.bullet = "yError";
92 
                graph.balloonText = "x:<b>[[x]]</b> y:<b>[[y]]</b><br>x error:<b>[[errorX]]</b><br>y error:<b>[[errorY]]</b>";
93 
                chart.addGraph(graph);
94 
 
95 
                // WRITE
96 
                chart.write("chartdiv");
97 
            });
98 
        </script>
99 
    </head>
100 
 
101 
    <body>
102 
        <div id="chartdiv" style="width: 600px; height: 400px;"></div>
103 
    </body>
104 
 
105 
</html>