-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo_candlestick_drag.html
130 lines (125 loc) · 6.84 KB
/
demo_candlestick_drag.html
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
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Demo</title>
<link rel="stylesheet" href="css/demo.css" type="text/css">
<script src="js/raphael-min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/sc.candlestick_drag.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
window.onload = function () {
new ChartCandlestick({
id:'show_demo',
dragid:'show_drag',
width:'980',
height:'500',
title:{string: '00001の日足チャート',option: {fill: 'brown','font-size': 18} },
label_left_min:83.0,
label_left_max:115.6,
label_bottom:["2011/11/08","2011/11/28","2011/12/16","2012/01/10","2012/02/02","2012/02/22","2012/03/13","2012/03/20"],
average: [
{string:"5日平均",color:"#0099c5",values:[94.39,94.68,94.59,94.05,93.92,93.58,92.35,92.03,91.32,89.7,88.15,86.93,85.97,85.33,85.53,85.7,85.87,87,88.22,88.99,89.61,90.82,90.78,90.36,90.11,89.69,89.09,88.48,88.74,88.71,88.96,89.49,90.34,90.9,91.74,92.39,92.62,93.03,93.2,93.21,93.02,93.13,93.18,93.4,93.81,94.68,95.06,95.83,96.61,98.21,99.82,101.91,102.94,103.56,103.74,103.64,103.4,103.74,104.16,104.2,104.96,105.18,105.18,105.5,106.4,107.38,108.72,110.5,112.16,113.28,113.76,113.66,113.12,112.14,111.72,111.48,111.48,111.58,111.72,110.42,108.74,108.06,107.14,106.88,107.8,108.84,109.14,109.6,109.18,108.18]},
{string:"25日平均",color:"#ff9900",values:[92.118,92.814,93.046,93.152,93.32,93.432,93.348,93.116,92.882,92.514,92.396,92.166,92.026,91.87,91.628,91.404,91.172,90.986,90.698,90.41,90.286,90.13,90.074,89.856,89.65,89.346,89.012,88.852,88.794,88.608,88.422,88.44,88.514,88.71,89.016,89.27,89.578,89.926,90.284,90.552,90.734,91.03,91.162,91.32,91.516,91.748,91.878,92.172,92.57,93.136,93.774,94.442,95.064,95.534,96.142,96.71,97.224,97.744,98.186,98.634,99.224,99.736,100.174,100.646,101.272,102.096,102.854,103.638,104.398,105.166,105.912,106.574,107.096,107.504,107.868,108.244,108.488,108.824,109.136,109.204,109.264,109.42,109.504,109.68,109.924,110.04,110.212,110.388,110.416,110.28]}
],
volume:[3691171,6058194,4966485,2202457,2755589,1724105,4932902,2360973,3925095,3997308,3891326,3164101,2288455,1340400,3458110,3162360,3258571,7335918,5313731,4123184,5002007,4544743,4919780,4009237,4562140,3119222,3018514,4149352,4846011,3441394,2710339,3591445,3168109,3315140,2883493,2799038,2824224,2261418,2789130,1144075,2268508,3524316,2805570,2370724,2629735,2844477,1208272,3607010,3464920,8339840,6983836,3837110,7352693,3353203,5215556,2533246,3544523,3335518,1826997,2278770,4556936,6841073,3437269,2501420,6593458,10805469,5116158,4151722,3490665,2619658,1999294,5128331,4180877,3100637,3570912,5205759,2404491,2789020,2682941,6928150,3766051,5224144,3943046,3053133,4521675,3579658,2087141,3148035,3892282,4216810],
data:[
["2011/11/08",94.55,96.25,94.25,95.65],
["2011/11/09",97.5,97.65,96.6,96.95],
["2011/11/10",92.45,93.7,91.5,91.55],
["2011/11/11",93.0,93.1,91.5,91.6],
["2011/11/14",94.5,94.9,93.7,93.85],
["2011/11/15",94.1,94.2,93.3,93.95],
["2011/11/16",93.95,93.95,89.45,90.8],
["2011/11/17",89.0,90.6,88.95,89.95],
["2011/11/18",88.95,88.95,87.1,88.05],
["2011/11/21",85.6,86.25,85.1,85.75],
["2011/11/22",85.5,86.95,85.25,86.2],
["2011/11/23",85.05,85.35,84.2,84.7],
["2011/11/24",83.0,85.25,83.0,85.15],
["2011/11/25",83.2,85.15,83.15,84.85],
["2011/11/28",85.5,87.0,85.5,86.75],
["2011/11/29",87.75,87.75,85.8,87.05],
["2011/11/30",84.7,86.3,84.15,85.55],
["2011/12/01",90.0,91.4,89.0,90.8],
["2011/12/02",91.7,92.15,90.05,90.95],
["2011/12/05",91.25,91.95,89.9,90.6],
["2011/12/06",90.0,90.45,88.85,90.15],
["2011/12/07",90.35,91.65,89.55,91.6],
["2011/12/08",90.65,91.2,90.1,90.6],
["2011/12/09",88.4,89.5,88.15,88.85],
["2011/12/12",89.7,90.2,88.35,89.35],
["2011/12/13",87.2,88.35,87.15,88.05],
["2011/12/14",87.2,88.7,87.2,88.6],
["2011/12/15",87.95,88.1,87.0,87.55],
["2011/12/16",89.1,90.4,87.5,90.15],
["2011/12/19",88.4,89.7,88.05,89.2],
["2011/12/20",88.9,90.65,88.35,89.3],
["2011/12/21",90.75,91.35,90.6,91.25],
["2011/12/22",91.0,91.85,90.4,91.8],
["2011/12/23",92.0,93.2,91.4,92.95],
["2011/12/28",92.5,93.55,91.85,93.4],
["2011/12/29",91.8,92.9,91.6,92.55],
["2011/12/30",93.85,93.95,91.9,92.4],
["2012/01/03",93.25,94.0,93.2,93.85],
["2012/01/04",93.7,94.2,92.7,93.8],
["2012/01/05",93.7,93.7,92.6,93.45],
["2012/01/06",93.1,93.4,90.9,91.6],
["2012/01/09",91.95,93.1,88.95,92.95],
["2012/01/10",93.5,94.5,93.3,94.1],
["2012/01/11",94.1,94.95,93.4,94.9],
["2012/01/12",94.0,95.55,94.0,95.5],
["2012/01/13",96.5,96.5,95.0,95.95],
["2012/01/16",95.45,95.45,94.55,94.85],
["2012/01/17",95.1,98.0,95.1,97.95],
["2012/01/18",99.0,99.5,98.7,98.8],
["2012/01/19",98.9,103.7,98.9,103.5],
["2012/01/20",104.2,104.7,102.2,104.0],
["2012/01/26",105.3,105.5,103.6,105.3],
["2012/01/27",106.0,106.4,102.2,103.1],
["2012/01/30",103.3,103.8,101.8,101.9],
["2012/01/31",103.2,105.6,102.6,104.4],
["2012/02/01",103.6,104.8,102.6,103.5],
["2012/02/02",103.5,104.9,103.5,104.1],
["2012/02/03",103.6,105.7,103.6,104.8],
["2012/02/06",105.2,105.6,104.0,104.0],
["2012/02/07",103.6,105.4,103.4,104.6],
["2012/02/08",104.6,107.5,104.6,107.3],
["2012/02/09",105.6,106.1,104.1,105.2],
["2012/02/10",104.7,105.6,104.3,104.8],
["2012/02/13",105.0,105.7,104.4,105.6],
["2012/02/14",105.9,109.5,105.6,109.1],
["2012/02/15",111.3,113.3,111.3,112.2],
["2012/02/16",111.5,113.4,111.3,111.9],
["2012/02/17",113.0,113.9,112.7,113.7],
["2012/02/20",114.8,115.6,113.3,113.9],
["2012/02/21",114.0,114.7,112.8,114.7],
["2012/02/22",113.5,114.9,113.4,114.6],
["2012/02/23",113.4,113.8,110.0,111.4],
["2012/02/24",110.9,111.6,109.7,111.0],
["2012/02/27",109.9,112.0,108.5,109.0],
["2012/02/28",110.1,112.9,110.0,112.6],
["2012/02/29",113.0,114.5,112.2,113.4],
["2012/03/01",113.0,113.3,111.0,111.4],
["2012/03/02",111.9,112.7,111.3,111.5],
["2012/03/05",112.0,112.0,109.6,109.7],
["2012/03/06",108.5,109.0,105.8,106.1],
["2012/03/07",103.2,105.8,103.2,105.0],
["2012/03/08",106.9,108.1,105.1,108.0],
["2012/03/09",106.6,107.9,106.1,106.9],
["2012/03/12",107.6,108.5,106.2,108.4],
["2012/03/13",109.9,111.4,109.2,110.7],
["2012/03/14",112.5,112.5,109.5,110.2],
["2012/03/15",110.5,110.5,108.3,109.5],
["2012/03/16",109.3,110.3,108.3,109.2],
["2012/03/19",109.8,110.0,106.0,106.3],
["2012/03/20",108.2,108.2,104.6,105.7]
]
}).draw();
};
</script>
</head>
<body>
<p>ChartCandlestick+drag</p>
<div id="show_demo"></div>
<div id="show_drag"></div>
</body>
</html>