1 | {
|
---|
2 | "title":{
|
---|
3 | "text": "TOOLTIP: HOVER",
|
---|
4 | "style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
|
---|
5 | },
|
---|
6 |
|
---|
7 | "y_legend":{
|
---|
8 | "text": "Open Flash Chart",
|
---|
9 | "style": "{color: #736AFF; font-size: 12px;}"
|
---|
10 | },
|
---|
11 |
|
---|
12 | "elements":[
|
---|
13 | {
|
---|
14 | "type": "bar",
|
---|
15 | "alpha": 0.5,
|
---|
16 | "colour": "#9933CC",
|
---|
17 | "text": "Page views",
|
---|
18 | "font-size": 10,
|
---|
19 | "values" : [9,6,7,9,5,7,6,9,7]
|
---|
20 | },
|
---|
21 | {
|
---|
22 | "type": "bar",
|
---|
23 | "alpha": 0.5,
|
---|
24 | "colour": "#CC9933",
|
---|
25 | "text": "Page views 2",
|
---|
26 | "font-size": 10,
|
---|
27 | "tip": "#x_label#: #val#<br>#key#",
|
---|
28 | "values" : [4,9,6,7,9,5,7,6,9]
|
---|
29 | },
|
---|
30 | {
|
---|
31 | "type": "line_hollow",
|
---|
32 | "colour": "#736AFF",
|
---|
33 | "text": "Avg. wave height (cm)",
|
---|
34 | "font-size": 10,
|
---|
35 | "width": 2,
|
---|
36 | "dot-size": 4,
|
---|
37 | "halo-size": 2,
|
---|
38 | "values" : [
|
---|
39 | 14,14,
|
---|
40 | {"value":15, "colour":"#FF0000", "tip":"HOLLOW<br>#val#", "dot-size":12, "halo-size": 3 },
|
---|
41 | 16,18]
|
---|
42 | },
|
---|
43 | {
|
---|
44 | "type": "line_dot",
|
---|
45 | "colour": "#736AFF",
|
---|
46 | "text": "Line Dot Key",
|
---|
47 | "font-size": 10,
|
---|
48 | "width": 2,
|
---|
49 | "dot-size": 4,
|
---|
50 | "halo-size": 1,
|
---|
51 | "tip": "global dot<br>#val#",
|
---|
52 | "values" : [
|
---|
53 | null,null,null,null,
|
---|
54 | 12,12,
|
---|
55 | {"value":13, "colour":"#FF0000", "tip":"DOT<br>#val#<br>Key: #key#<br>#x_label#, #x_legend#", "dot-size":12, "halo-size": 3 },
|
---|
56 | 14,9]
|
---|
57 | }
|
---|
58 | ],
|
---|
59 |
|
---|
60 | "x_axis":{
|
---|
61 | "stroke":1,
|
---|
62 | "tick_height":10,
|
---|
63 | "colour":"#d000d0",
|
---|
64 | "grid_colour":"#00ff00",
|
---|
65 | "labels": {
|
---|
66 | "labels": ["January","February","March","April","May","June","July","August","Spetember"]
|
---|
67 | }
|
---|
68 | },
|
---|
69 |
|
---|
70 | "y_axis":{
|
---|
71 | "stroke": 4,
|
---|
72 | "tick_length": 3,
|
---|
73 | "colour": "#d000d0",
|
---|
74 | "grid_colour": "#00ff00",
|
---|
75 | "offset": 0,
|
---|
76 | "max": 20
|
---|
77 | },
|
---|
78 |
|
---|
79 | "tooltip":{
|
---|
80 | "mouse": 1
|
---|
81 | }
|
---|
82 |
|
---|
83 | /* &x_axis_steps=2& */
|
---|
84 |
|
---|
85 | }
|
---|
86 |
|
---|