Ci-dessous, les différences entre deux révisions de la page.
Prochaine révision | Révision précédente | ||
test [2021/02/23 11:51] vanlindtmarc créée |
test [2021/02/23 12:57] (Version actuelle) vanlindtmarc |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | < | + | < |
- | { | + | { |
- | + | | |
- | Promise.all([ | + | |
- | loadData( | + | |
- | " | + | |
- | ), | + | |
- | loadData( | + | |
- | " | + | |
- | ) | + | |
- | ]).then(function(res) { | + | |
- | const data = res[0]; | + | |
- | const schema = res[1]; | + | |
- | + | ||
- | const dataStore = new FusionCharts.DataStore(); | + | |
- | const dataSource = { | + | |
- | chart: {}, | + | |
- | caption: { | + | |
- | text: " | + | |
- | }, | + | |
- | subcaption: { | + | |
- | text: "USA and Canada" | + | |
- | }, | + | |
- | yaxis: [ | + | |
- | { | + | |
- | plot: [ | + | |
{ | { | ||
- | | + | |
- | type: " | + | { |
- | }, | + | x: ' |
- | { | + | y: [ |
- | value: "Bank of Canada" | + | new Date(' |
- | type: " | + | new Date(' |
+ | ] | ||
+ | | ||
+ | { | ||
+ | x: ' | ||
+ | y: [ | ||
+ | new Date(' | ||
+ | new Date(' | ||
+ | ] | ||
+ | }, | ||
+ | { | ||
+ | x: ' | ||
+ | y: [ | ||
+ | new Date(' | ||
+ | new Date(' | ||
+ | ] | ||
+ | }, | ||
+ | { | ||
+ | x: ' | ||
+ | y: [ | ||
+ | new Date(' | ||
+ | new Date(' | ||
+ | ] | ||
+ | } | ||
+ | ] | ||
} | } | ||
], | ], | ||
- | format: { | + | chart: { |
- | | + | |
+ | type: ' | ||
}, | }, | ||
- | | + | |
- | } | + | |
- | ], | + | |
- | datamarker: [ | + | } |
- | | + | }, |
- | value: "Bank of Canada", | + | |
- | time: " | + | |
- | timeformat: " | + | } |
- | tooltext: | + | } |
- | | + | </ |
- | }, | + | |
- | { | + | |
- | value: "Bank of Canada", | + | |
- | time: " | + | |
- | timeformat: " | + | |
- | tooltext: | + | |
- | " | + | |
- | }, | + | |
- | | + | |
- | | + | |
- | time: " | + | |
- | timeformat: " | + | |
- | tooltext: | + | |
- | | + | |
- | | + | |
- | { | + | |
- | | + | |
- | time: " | + | |
- | timeformat: " | + | |
- | tooltext: | + | |
- | "To fight inflationary pressure, interest rate reached around 15%" | + | |
- | | + | |
- | { | + | |
- | | + | |
- | time: " | + | |
- | identifier: " | + | |
- | timeformat: " | + | |
- | tooltext: | + | |
- | "As a part of credit control program, under the leadership of Paul Volcker, the Fed tightened the money supply, allowing the federal fund rates to approach 20 percent." | + | |
- | }, | + | |
- | | + | |
- | value: " | + | |
- | time: " | + | |
- | identifier: " | + | |
- | timeformat: " | + | |
- | tooltext: | + | |
- | | + | |
- | }, | + | |
- | { | + | |
- | value: " | + | |
- | | + | |
- | identifier: " | + | |
- | timeformat: " | + | |
- | tooltext: "The FED is forced to ease rate after the stock market crash." | + | |
- | | + | |
- | { | + | |
- | | + | |
- | time: " | + | |
- | identifier: " | + | |
- | timeformat: " | + | |
- | tooltext: | + | |
- | " | + | |
- | | + | |
- | { | + | |
- | value: " | + | |
- | time: " | + | |
- | identifier: " | + | |
- | timeformat: " | + | |
- | tooltext: | + | |
- | "To fight the jobless economy growth the Fed had to reduce the interest rate to 3%." | + | |
- | }, | + | |
- | { | + | |
- | value: " | + | |
- | time: " | + | |
- | identifier: " | + | |
- | timeformat: " | + | |
- | tooltext: | + | |
- | " | + | |
- | }, | + | |
- | { | + | |
- | value: " | + | |
- | time: " | + | |
- | identifier: " | + | |
- | timeformat: " | + | |
- | tooltext: "Fed started reducing the Federal Fund Rate." | + | |
- | }, | + | |
- | { | + | |
- | value: " | + | |
- | time: " | + | |
- | identifier: " | + | |
- | timeformat: " | + | |
- | tooltext: | + | |
- | "Fed reduced the interest rates to sub 0.25% to manage the menace of longest economic downturn since World War 2" | + | |
- | } | + | |
- | ] | + | |
- | }; | + | |
- | dataSource.data = dataStore.createDataTable(data, | + | |
- | new FusionCharts({ | ||
- | type: " | ||
- | renderAt: " | ||
- | width: " | ||
- | height: " | ||
- | dataSource: dataSource | ||
- | }).render(); | ||
- | }); | ||
- | |||
- | } | ||
- | </ |