01 | { |
02 | data: { |
03 | dataSets: [ |
04 | { |
05 | id: "dataSet1" , |
06 | sourceUrl: "./../../csv-data/missing_points.csv" , |
07 | csvSettings: { |
08 | ignoreFirstRow: true , |
09 | rowsSeparator: "\n" , |
10 | columnsSeparator: "," |
11 | } , |
12 | locale: { |
13 | dateTime: { |
14 | format: "%yyyy%MM%dd" |
15 | } |
16 | } |
17 | } |
18 | ] , |
19 | dataProviders: { |
20 | generalDataProviders: [ |
21 | { |
22 | dataSet: "dataSet1" , |
23 | id: "dp1" , |
24 | fields: [ |
25 | { |
26 | type: "Close" , |
27 | column: 4 , |
28 | approximationType: "Close" |
29 | } |
30 | ] |
31 | } |
32 | ] , |
33 | scrollerDataProviders: [ |
34 | { |
35 | dataSet: "dataSet1" , |
36 | column: 4 |
37 | } |
38 | ] |
39 | } |
40 | } , |
41 | settings: { |
42 | dataGrouping: { |
43 | enabled: false |
44 | } , |
45 | rangeSelector: { |
46 | enabled: true |
47 | } , |
48 | insideMargin: { |
49 | right: 30 |
50 | } , |
51 | charts: [ |
52 | { |
53 | height: 100 , |
54 | seriesList: [ |
55 | { |
56 | type: "Line" , |
57 | dataProvider: "dp1" , |
58 | color: "#005ECB" , |
59 | name: "Series A" , |
60 | lineSeries: { |
61 | connectMissingPoints: true |
62 | } |
63 | } |
64 | ] , |
65 | labels: [ |
66 | { |
67 | anchor: "RightTop" , |
68 | xPadding: 5 , |
69 | yPadding: 23 , |
70 | font: { |
71 | family: "Verdana" , |
72 | size: 9 , |
73 | bold: true , |
74 | color: "#444444" |
75 | } , |
76 | format: "connect_missing_points=\"true\"" , |
77 | background: { |
78 | enabled: true , |
79 | fill: { |
80 | enabled: true , |
81 | color: "White" , |
82 | opacity: 0.5 |
83 | } , |
84 | border: { |
85 | enabled: true , |
86 | color: "Black" , |
87 | opacity: 0.1 |
88 | } , |
89 | corners: { |
90 | type: "Rounded" , |
91 | all: 4 |
92 | } , |
93 | insideMargin: { |
94 | left: 6 , |
95 | top: 2 , |
96 | right: 6 , |
97 | bottom: 2 |
98 | } |
99 | } |
100 | } |
101 | ] |
102 | } , |
103 | { |
104 | height: 100 , |
105 | seriesList: [ |
106 | { |
107 | type: "Line" , |
108 | dataProvider: "dp1" , |
109 | color: "#DC3912" , |
110 | name: "Series B" , |
111 | lineSeries: { |
112 | connectMissingPoints: false |
113 | } |
114 | } |
115 | ] , |
116 | labels: [ |
117 | { |
118 | anchor: "RightTop" , |
119 | xPadding: 5 , |
120 | yPadding: 23 , |
121 | font: { |
122 | family: "Verdana" , |
123 | size: 9 , |
124 | bold: true , |
125 | color: "#444444" |
126 | } , |
127 | format: "connect_missing_points=\"false\"" , |
128 | background: { |
129 | enabled: true , |
130 | fill: { |
131 | enabled: true , |
132 | color: "White" , |
133 | opacity: 0.5 |
134 | } , |
135 | border: { |
136 | enabled: true , |
137 | color: "Black" , |
138 | opacity: 0.1 |
139 | } , |
140 | corners: { |
141 | type: "Rounded" , |
142 | all: 4 |
143 | } , |
144 | insideMargin: { |
145 | left: 6 , |
146 | top: 2 , |
147 | right: 6 , |
148 | bottom: 2 |
149 | } |
150 | } |
151 | } |
152 | ] |
153 | } |
154 | ] , |
155 | defaults: { |
156 | chart: { |
157 | legend: { |
158 | dateTime: { |
159 | enabled: false |
160 | } , |
161 | background: { |
162 | fill: { |
163 | type: "Solid" , |
164 | color: "White" |
165 | } |
166 | } , |
167 | labels: { |
168 | fallingColor: "DarkRed" , |
169 | risingColor: "#005500" |
170 | } , |
171 | title: { |
172 | width: 75 |
173 | } |
174 | } , |
175 | valueAxes: { |
176 | primary: { |
177 | position: "Right" , |
178 | labels: { |
179 | position: "Outside" , |
180 | padding: 3 , |
181 | valign: "Center" , |
182 | showFirst: true , |
183 | showLast: true , |
184 | format: "{%Value}{numDecimals:0}" , |
185 | font: { |
186 | family: "Tahoma" , |
187 | size: 9 , |
188 | bold: true , |
189 | color: "#333333" |
190 | } |
191 | } , |
192 | scale: { |
193 | mode: "Values" , |
194 | type: "Linear" , |
195 | minimum: 0 , |
196 | calculateChangesFrom: "FirstVisible" |
197 | } |
198 | } |
199 | } , |
200 | seriesSettingsDefaults: { |
201 | lineSeries: { |
202 | thickness: 2 |
203 | } |
204 | } , |
205 | xAxis: { |
206 | labels: { |
207 | background: { |
208 | fill: { |
209 | type: "Solid" , |
210 | color: "#FDFDFD" |
211 | } |
212 | } |
213 | } |
214 | } |
215 | } |
216 | } , |
217 | timeScale: { |
218 | selectedRange: { |
219 | type: "Max" |
220 | } |
221 | } , |
222 | scroller: { |
223 | connectMissingPoints: false |
224 | } |
225 | } |
226 | } |