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 | } |