Blame view

samples/_JSON_xyWithGuides.html 3.71 KB
eed3c9f67   tom200e   first file
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  <html>
  
      <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <title>amCharts examples</title>
          <link rel="stylesheet" href="style.css" type="text/css">
          <script src="../amcharts/amcharts.js" type="text/javascript"></script>
          <script src="../amcharts/xy.js" type="text/javascript"></script>
  
          <script type="text/javascript">
              var chart = AmCharts.makeChart("chartdiv", {
                "type": "xy",
                "startDuration": 1.5,
                "trendLines": [],
                "graphs": [
                  {
                    "balloonText": "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>",
                    "bullet": "diamond",
                    "id": "AmGraph-1",
                    "lineAlpha": 0,
                    "lineColor": "#b0de09",
                    "valueField": "value",
                    "xField": "x",
                    "yField": "y"
                  },
                  {
                    "balloonText": "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>",
                    "bullet": "round",
                    "id": "AmGraph-2",
                    "lineAlpha": 0,
                    "lineColor": "#fcd202",
                    "valueField": "value2",
                    "xField": "x2",
                    "yField": "y2"
                  }
                ],
                "guides": [
                  {
                    "fillAlpha": 0.3,
                    "fillColor": "#ff8000",
                    "id": "Guide-1",
                    "toValue": -2,
                    "value": -8,
                    "valueAxis": "ValueAxis-2"
                  }
                ],
                "valueAxes": [
                  {
                    "id": "ValueAxis-1",
                    "axisAlpha": 0
                  },
                  {
                    "id": "ValueAxis-2",
                    "axisAlpha": 0,
                    "position": "bottom"
                  }
                ],
                "allLabels": [],
                "balloon": {},
                "titles": [],
                "dataProvider": [
                  {
                    "y": 10,
                    "x": 14,
                    "value": 59,
                    "y2": -5,
                    "x2": -3,
                    "value2": 44
                  },
                  {
                    "y": 5,
                    "x": 3,
                    "value": 50,
                    "y2": -15,
                    "x2": -8,
                    "value2": 12
                  },
                  {
                    "y": -10,
                    "x": -3,
                    "value": 19,
                    "y2": -4,
                    "x2": 6,
                    "value2": 35
                  },
                  {
                    "y": -6,
                    "x": 5,
                    "value": 65,
                    "y2": -5,
                    "x2": -6,
                    "value2": 168
                  },
                  {
                    "y": 15,
                    "x": -4,
                    "value": 92,
                    "y2": -10,
                    "x2": -8,
                    "value2": 102
                  },
                  {
                    "y": 13,
                    "x": 1,
                    "value": 8,
                    "y2": -2,
                    "x2": -3,
                    "value2": 41
                  },
                  {
                    "y": 1,
                    "x": 6,
                    "value": 35,
                    "y2": 0,
                    "x2": -3,
                    "value2": 16
                  }
                ]
              });
  
          </script>
      </head>
  
      <body>
          <div id="chartdiv" style="width: 600px; height: 400px;"></div>
      </body>
  
  </html>