01 | { |
02 | data: { |
03 | dataSets: [ |
04 | { |
05 | id: "dataSet1", |
06 | sourceUrl: "./../../csv-data/msft_daily_short.csv", |
07 | csvSettings: { |
08 | ignoreFirstRow: true, |
09 | rowsSeparator: "\n" |
10 | }, |
11 | locale: { |
12 | dateTime: { |
13 | format: "%yyyy%MM%dd" |
14 | } |
15 | } |
16 | } |
17 | ], |
18 | dataProviders: { |
19 | generalDataProviders: [ |
20 | { |
21 | dataSet: "dataSet1", |
22 | id: "s1", |
23 | fields: [ |
24 | { |
25 | type: "Value", |
26 | column: 4, |
27 | approximationType: "Close" |
28 | } |
29 | ] |
30 | } |
31 | ], |
32 | scrollerDataProviders: [ |
33 | { |
34 | dataSet: "dataSet1", |
35 | column: 4 |
36 | } |
37 | ] |
38 | } |
39 | }, |
40 | settings: { |
41 | insideMargin: { |
42 | right: 35 |
43 | }, |
44 | charts: [ |
45 | { |
46 | valueAxes: { |
47 | primary: { |
48 | position: "Right", |
49 | tickmarks: { |
50 | enabled: true, |
51 | showFirst: true, |
52 | showLast: true, |
53 | size: 4, |
54 | pixelHinting: true, |
55 | color: "DarkRed", |
56 | thickness: 1 |
57 | }, |
58 | labels: { |
59 | position: "Outside", |
60 | padding: 5, |
61 | showFirst: true, |
62 | showLast: true, |
63 | valign: "Center", |
64 | format: "{%Value}{numDecimals:0}" |
65 | }, |
66 | grid: { |
67 | line: { |
68 | color: "#A0A0A0", |
69 | dashed: true, |
70 | dashLength: 3, |
71 | dashSpace: 3, |
72 | pixelHinting: true |
73 | } |
74 | } |
75 | } |
76 | }, |
77 | xAxis: { |
78 | minorGrid: { |
79 | line: { |
80 | color: "#A0A0A0", |
81 | dashed: true, |
82 | dashLength: 3, |
83 | dashSpace: 3, |
84 | pixelHinting: true |
85 | } |
86 | }, |
87 | majorGrid: { |
88 | line: { |
89 | color: "#B5B5B5", |
90 | dashed: false |
91 | } |
92 | } |
93 | }, |
94 | seriesList: [ |
95 | { |
96 | type: "Area", |
97 | dataProvider: "s1", |
98 | color: "#275BA8", |
99 | name: "MSFT", |
100 | areaSeries: { |
101 | line: { |
102 | color: "DarkColor(%Color)" |
103 | }, |
104 | fill: { |
105 | color: "%Color", |
106 | opacity: 0.1 |
107 | } |
108 | } |
109 | } |
110 | ] |
111 | } |
112 | ], |
113 | timeScale: { |
114 | selectedRange: { |
115 | type: "Unit", |
116 | unit: "Year", |
117 | count: 1 |
118 | } |
119 | }, |
120 | rangeSelector: { |
121 | enabled: true |
122 | } |
123 | } |
124 | } |