w-plot-vue 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (172) hide show
  1. package/.editorconfig +9 -0
  2. package/.eslintignore +3 -0
  3. package/.eslintrc.js +55 -0
  4. package/.jsdoc +25 -0
  5. package/LICENSE +21 -0
  6. package/README.md +89 -0
  7. package/SECURITY.md +5 -0
  8. package/babel.config.js +15 -0
  9. package/dist/w-geo-vue.umd.js +7 -0
  10. package/dist/w-geo-vue.umd.js.map +1 -0
  11. package/docs/examples/app.html +65 -0
  12. package/docs/examples/app.umd.js +7 -0
  13. package/docs/examples/app.umd.js.map +1 -0
  14. package/docs/examples/w-bar_horizontal_multi-set(color).html +492 -0
  15. package/docs/examples/w-bar_horizontal_multi-set(color, gradient).html +492 -0
  16. package/docs/examples/w-bar_horizontal_multi-set(series color).html +492 -0
  17. package/docs/examples/w-bar_horizontal_multi-set(series color, gradient).html +492 -0
  18. package/docs/examples/w-bar_horizontal_multi-set.html +492 -0
  19. package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackNormal).html +495 -0
  20. package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackPercent).html +496 -0
  21. package/docs/examples/w-bar_horizontal_multi-set__hide legned.html +492 -0
  22. package/docs/examples/w-bar_horizontal_multi-set__show labels.html +492 -0
  23. package/docs/examples/w-bar_horizontal_multi-set_barKpColor(gradient).html +508 -0
  24. package/docs/examples/w-bar_horizontal_multi-set_barKpColor.html +506 -0
  25. package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio.html +493 -0
  26. package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio_barGroupWidthRatio.html +498 -0
  27. package/docs/examples/w-bar_horizontal_one-set(color).html +490 -0
  28. package/docs/examples/w-bar_horizontal_one-set(color, gradient).html +490 -0
  29. package/docs/examples/w-bar_horizontal_one-set.html +490 -0
  30. package/docs/examples/w-bar_horizontal_one-set_barColor(gradient).html +491 -0
  31. package/docs/examples/w-bar_horizontal_one-set_barColor.html +491 -0
  32. package/docs/examples/w-bar_horizontal_one-set_barKpColor(gradient).html +500 -0
  33. package/docs/examples/w-bar_horizontal_one-set_barKpColor.html +498 -0
  34. package/docs/examples/w-bar_horizontal_one-set_barWidthRatio.html +491 -0
  35. package/docs/examples/w-bar_horizontal_one-set_barWidthRatio_barGroupWidthRatio.html +496 -0
  36. package/docs/examples/w-bar_horizontal_one-set_hide labels.html +491 -0
  37. package/docs/examples/w-bar_horizontal_one-set_marginLeft_marginRight.html +495 -0
  38. package/docs/examples/w-bar_horizontal_one-set_show legned.html +491 -0
  39. package/docs/examples/w-bar_multi-set(color).html +489 -0
  40. package/docs/examples/w-bar_multi-set(color, gradient).html +489 -0
  41. package/docs/examples/w-bar_multi-set(series color).html +489 -0
  42. package/docs/examples/w-bar_multi-set(series color, gradient).html +489 -0
  43. package/docs/examples/w-bar_multi-set.html +489 -0
  44. package/docs/examples/w-bar_multi-set__barDisplay(stackNormal).html +490 -0
  45. package/docs/examples/w-bar_multi-set__barDisplay(stackNormal)_.html +492 -0
  46. package/docs/examples/w-bar_multi-set__barDisplay(stackPercent).html +491 -0
  47. package/docs/examples/w-bar_multi-set__hide legned.html +489 -0
  48. package/docs/examples/w-bar_multi-set__show labels.html +489 -0
  49. package/docs/examples/w-bar_multi-set_barKpColor(gradient).html +503 -0
  50. package/docs/examples/w-bar_multi-set_barKpColor.html +503 -0
  51. package/docs/examples/w-bar_multi-set_barWidthRatio.html +490 -0
  52. package/docs/examples/w-bar_multi-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +495 -0
  53. package/docs/examples/w-bar_one-set(color).html +487 -0
  54. package/docs/examples/w-bar_one-set(color, gradient).html +487 -0
  55. package/docs/examples/w-bar_one-set.html +487 -0
  56. package/docs/examples/w-bar_one-set_barColor(gradient).html +488 -0
  57. package/docs/examples/w-bar_one-set_barColor.html +488 -0
  58. package/docs/examples/w-bar_one-set_barKpColor(gradient).html +495 -0
  59. package/docs/examples/w-bar_one-set_barKpColor.html +495 -0
  60. package/docs/examples/w-bar_one-set_barWidthRatio.html +488 -0
  61. package/docs/examples/w-bar_one-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +493 -0
  62. package/docs/examples/w-bar_one-set_hide labels.html +488 -0
  63. package/docs/examples/w-bar_one-set_marginLeft_marginRight_marginTop.html +493 -0
  64. package/docs/examples/w-bar_one-set_show legned.html +488 -0
  65. package/docs/examples/w-pie_one-set(color).html +251 -0
  66. package/docs/examples/w-pie_one-set(color, gradient).html +251 -0
  67. package/docs/examples/w-pie_one-set.html +251 -0
  68. package/docs/examples/w-pie_one-set_hide labels.html +252 -0
  69. package/docs/examples/w-pie_one-set_hide legned.html +252 -0
  70. package/docs/examples/w-pie_one-set_marginLeft_marginRight_marginTop.html +257 -0
  71. package/docs/examples/w-pie_one-set_pieBorderRadius.html +252 -0
  72. package/docs/examples/w-pie_one-set_pieBorderWidth_pieBorderRadius.html +253 -0
  73. package/docs/examples/w-pie_one-set_pieKpColor(gradient).html +259 -0
  74. package/docs/examples/w-pie_one-set_pieKpColor.html +259 -0
  75. package/docs/examples/w-pie_one-set_pieThicknessRatio.html +252 -0
  76. package/docs/examples/w-plot_default.html +174 -0
  77. package/docs/examples/w-rose_multi-set(color).html +489 -0
  78. package/docs/examples/w-rose_multi-set(color, gradient).html +489 -0
  79. package/docs/examples/w-rose_multi-set(series color).html +489 -0
  80. package/docs/examples/w-rose_multi-set(series color, gradient).html +489 -0
  81. package/docs/examples/w-rose_multi-set.html +489 -0
  82. package/docs/examples/w-rose_multi-set__hide legned.html +489 -0
  83. package/docs/examples/w-rose_multi-set__show labels.html +489 -0
  84. package/docs/examples/w-rose_multi-set_roseBorderWidth.html +490 -0
  85. package/docs/examples/w-rose_multi-set_roseKpColor(gradient).html +503 -0
  86. package/docs/examples/w-rose_multi-set_roseKpColor.html +503 -0
  87. package/docs/examples/w-rose_multi-set_roseWidthRatio.html +490 -0
  88. package/docs/examples/w-rose_one-set(color).html +487 -0
  89. package/docs/examples/w-rose_one-set(color, gradient).html +487 -0
  90. package/docs/examples/w-rose_one-set.html +487 -0
  91. package/docs/examples/w-rose_one-set_marginLeft_marginRight_marginTop.html +493 -0
  92. package/docs/examples/w-rose_one-set_roseBorderWidth.html +488 -0
  93. package/docs/examples/w-rose_one-set_roseKpColor(gradient).html +495 -0
  94. package/docs/examples/w-rose_one-set_roseKpColor.html +495 -0
  95. package/docs/examples/w-rose_one-set_roseShowLabels.html +488 -0
  96. package/docs/examples/w-rose_one-set_roseWidthRatio.html +488 -0
  97. package/docs/examples/w-rose_one-set_showLegend.html +488 -0
  98. package/docs/examples/w-rose_one-set_showLegend_legendPosition.html +489 -0
  99. package/docs/fonts/Montserrat/Montserrat-Bold.eot +0 -0
  100. package/docs/fonts/Montserrat/Montserrat-Bold.ttf +0 -0
  101. package/docs/fonts/Montserrat/Montserrat-Bold.woff +0 -0
  102. package/docs/fonts/Montserrat/Montserrat-Bold.woff2 +0 -0
  103. package/docs/fonts/Montserrat/Montserrat-Regular.eot +0 -0
  104. package/docs/fonts/Montserrat/Montserrat-Regular.ttf +0 -0
  105. package/docs/fonts/Montserrat/Montserrat-Regular.woff +0 -0
  106. package/docs/fonts/Montserrat/Montserrat-Regular.woff2 +0 -0
  107. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.eot +0 -0
  108. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.svg +978 -0
  109. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.ttf +0 -0
  110. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff +0 -0
  111. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff2 +0 -0
  112. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.eot +0 -0
  113. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.svg +1049 -0
  114. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.ttf +0 -0
  115. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff +0 -0
  116. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff2 +0 -0
  117. package/docs/getDefAxis.mjs.html +157 -0
  118. package/docs/getDefChart.mjs.html +123 -0
  119. package/docs/getDefLegend.mjs.html +115 -0
  120. package/docs/getDefOpt.mjs.html +137 -0
  121. package/docs/global.html +1088 -0
  122. package/docs/index.html +84 -0
  123. package/docs/module-WBar.html +216 -0
  124. package/docs/module-WPie.html +216 -0
  125. package/docs/module-WPlot.html +216 -0
  126. package/docs/module-WRose.html +216 -0
  127. package/docs/scripts/collapse.js +39 -0
  128. package/docs/scripts/commonNav.js +28 -0
  129. package/docs/scripts/linenumber.js +25 -0
  130. package/docs/scripts/nav.js +12 -0
  131. package/docs/scripts/polyfill.js +4 -0
  132. package/docs/scripts/prettify/Apache-License-2.0.txt +202 -0
  133. package/docs/scripts/prettify/lang-css.js +2 -0
  134. package/docs/scripts/prettify/prettify.js +28 -0
  135. package/docs/scripts/search.js +99 -0
  136. package/docs/setLegendLoc.mjs.html +176 -0
  137. package/docs/styles/jsdoc.css +776 -0
  138. package/docs/styles/prettify.css +80 -0
  139. package/g.mjs +0 -0
  140. package/package.json +68 -0
  141. package/public/index.html +38 -0
  142. package/src/App.vue +118 -0
  143. package/src/AppZoneWBar.vue +1454 -0
  144. package/src/AppZoneWPie.vue +324 -0
  145. package/src/AppZoneWPlot.vue +78 -0
  146. package/src/AppZoneWRose.vue +735 -0
  147. package/src/components/WBar.vue +107 -0
  148. package/src/components/WGeoVue.vue +18 -0
  149. package/src/components/WPie.vue +107 -0
  150. package/src/components/WPlot.vue +86 -0
  151. package/src/components/WRose.vue +107 -0
  152. package/src/components/demolink.vue +105 -0
  153. package/src/js/genBarOpt.mjs +303 -0
  154. package/src/js/genPieOpt.mjs +233 -0
  155. package/src/js/genRoseOpt.mjs +297 -0
  156. package/src/js/getDefAxis.mjs +85 -0
  157. package/src/js/getDefChart.mjs +51 -0
  158. package/src/js/getDefLegend.mjs +43 -0
  159. package/src/js/getDefOpt.mjs +65 -0
  160. package/src/js/setLegendLoc.mjs +104 -0
  161. package/src/main.js +8 -0
  162. package/test/all.test.mjs +10 -0
  163. package/toolg/addVersion.mjs +4 -0
  164. package/toolg/cleanFolder.mjs +4 -0
  165. package/toolg/cvCasename.mjs +43 -0
  166. package/toolg/gDistApp.mjs +38 -0
  167. package/toolg/gDistRollupComps.mjs +21 -0
  168. package/toolg/gDocExams.mjs +47 -0
  169. package/toolg/gExtractHtml.mjs +263 -0
  170. package/toolg/gMergeComps.mjs +75 -0
  171. package/toolg/modifyReadme.mjs +4 -0
  172. package/vue.config.js +21 -0
package/docs/examples/w-bar_horizontal_one-set_barKpColor.html ADDED
@@ -0,0 +1,498 @@
1
+ <!doctype html>
2
+ <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-tw">
3
+ <head>
4
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
5
+ <meta
6
+ name="viewport"
7
+ content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"
8
+ />
9
+ <meta http-equiv="X-UA-Compatible" content="ie=edge" />
10
+ <title>w-plot-vue</title>
11
+
12
+ <!-- @babel/polyfill -->
13
+ <script
14
+ nomodule
15
+ src="https://cdn.jsdelivr.net/npm/@babel/polyfill/dist/polyfill.min.js"
16
+ ></script>
17
+
18
+ <!-- vue -->
19
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.min.js"></script>
20
+
21
+ <!-- extractHtml已自動添加@babel/polyfill與vue -->
22
+
23
+ <!-- fontawesome -->
24
+ <link
25
+ href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.2/css/all.min.css"
26
+ rel="stylesheet"
27
+ />
28
+
29
+ <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
30
+ <link
31
+ href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css"
32
+ rel="stylesheet"
33
+ />
34
+
35
+ <!-- google, 各組件使用mdi/js故不需引用 -->
36
+ <link
37
+ _href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"
38
+ rel="stylesheet"
39
+ />
40
+ <link
41
+ _href="https://fonts.googleapis.com/css?family=Material+Icons"
42
+ rel="stylesheet"
43
+ />
44
+
45
+ <!-- data -->
46
+ <script
47
+ src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataAAPL.js"
48
+ ></script>
49
+ <script
50
+ src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataUSD2EUR.js"
51
+ ></script>
52
+ <script
53
+ src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataTemperature.js"
54
+ ></script>
55
+ <script
56
+ src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataHousePriceArea.js"
57
+ ></script>
58
+ <script
59
+ src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataFlare.js"
60
+ ></script>
61
+ <script
62
+ src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRain.js"
63
+ ></script>
64
+ <script
65
+ src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRainClip.js"
66
+ ></script>
67
+
68
+ <!-- w-plot-vue -->
69
+ <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.0/dist/w-plot-vue.umd.js"></script>
70
+
71
+ <style>
72
+ .v-application--wrap {
73
+ /* width與max-width fix for IE11, 其外不能使用padding或margin避免失效 */
74
+ width: 100vw;
75
+ max-width: 100vw;
76
+ font-family: inherit;
77
+ background: #fff;
78
+ }
79
+ .item {
80
+ /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
81
+ border-left: 3px solid #ffba75;
82
+ margin: 5px 5px 8px 0px;
83
+ padding: 3px 3px 5px 10px;
84
+ font-size: 0.9rem;
85
+ display: flex;
86
+ justify-content: flex-start;
87
+ align-items: center;
88
+ }
89
+ .head1 {
90
+ margin: 0px;
91
+ padding: 0px 0px 20px 0px;
92
+ font-size: 2.5rem;
93
+ }
94
+ .bk {
95
+ vertical-align: top;
96
+ padding: 10px 0px 60px 0px;
97
+ }
98
+ @media screen and (min-width: 1000px) {
99
+ /* 寬版 */
100
+ .bk {
101
+ display: inline-block;
102
+ margin: 0px 80px 0px 0px;
103
+ }
104
+ }
105
+ </style>
106
+ </head>
107
+ <body
108
+ style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;"
109
+ >
110
+ <v-app id="app" style="font-family:inherit; padding:0px 30px;">
111
+ <div class="head1">
112
+ <span
113
+ style="cursor:pointer;"
114
+ title="open for copy link to view component"
115
+ onclick="window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"
116
+ >w-bar</span>
117
+ </div>
118
+ <div class="bk">
119
+ <div class="item">horizontal &amp; one-set &amp; barKpColor</div>
120
+
121
+ <w-bar
122
+ :opt="{
123
+ ...WBar.opt1a,
124
+ direction:'horizontal',
125
+ marginLeft:80,
126
+ legendPosition:'bottomright',
127
+ barKpColor:{
128
+ 'USA':'#F44336',
129
+ 'China':'#E91E63',
130
+ 'Brazil':'#9C27B0',
131
+ 'EU':'#673AB7',
132
+ 'India':'#3F51B5',
133
+ 'Russia':'#2196F3',
134
+ },
135
+ }"
136
+ ></w-bar>
137
+ </div>
138
+ </v-app>
139
+
140
+ <script>
141
+ //install
142
+ Vue.use(window["w-plot-vue"]);
143
+
144
+ //initialize
145
+ new Vue({
146
+ el: "#app",
147
+
148
+ data: function() {
149
+ let keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
150
+ let rds1a = [
151
+ {
152
+ name: "Corn",
153
+ data: {
154
+ USA: 406.292,
155
+ China: 260.0,
156
+ Brazil: 107.0,
157
+ EU: 68.3,
158
+ India: 27.5,
159
+ Russia: 14.5
160
+ }
161
+ }
162
+ ];
163
+ let rds1b = [
164
+ {
165
+ name: "Corn",
166
+ data: {
167
+ USA: {
168
+ value: 406.292,
169
+ color: "#F44336"
170
+ },
171
+ China: {
172
+ value: 260.0,
173
+ color: "#E91E63"
174
+ },
175
+ Brazil: {
176
+ value: 107.0,
177
+ color: "#9C27B0"
178
+ },
179
+ EU: {
180
+ value: 68.3,
181
+ color: "#673AB7"
182
+ },
183
+ India: {
184
+ value: 27.5,
185
+ color: "#3F51B5"
186
+ },
187
+ Russia: {
188
+ value: 14.5,
189
+ color: "#2196F3"
190
+ }
191
+ }
192
+ }
193
+ ];
194
+ let rds1c = [
195
+ {
196
+ name: "Corn",
197
+ data: {
198
+ USA: {
199
+ value: 406.292,
200
+ color: ["#EF9A9A", "#F44336"]
201
+ },
202
+ China: {
203
+ value: 260.0,
204
+ color: ["#F48FB1", "#E91E63"]
205
+ },
206
+ Brazil: {
207
+ value: 107.0,
208
+ color: ["#CE93D8", "#9C27B0"]
209
+ },
210
+ EU: {
211
+ value: 68.3,
212
+ color: ["#B39DDB", "#673AB7"]
213
+ },
214
+ India: {
215
+ value: 27.5,
216
+ color: ["#9FA8DA", "#3F51B5"]
217
+ },
218
+ Russia: {
219
+ value: 14.5,
220
+ color: ["#90CAF9", "#2196F3"]
221
+ }
222
+ }
223
+ }
224
+ ];
225
+ let rds2a = [
226
+ {
227
+ name: "Corn",
228
+ data: {
229
+ USA: 406.292,
230
+ China: 260.0,
231
+ Brazil: 107.0,
232
+ EU: 68.3,
233
+ India: 27.5,
234
+ Russia: 14.5
235
+ }
236
+ },
237
+ {
238
+ name: "Wheat",
239
+ data: {
240
+ USA: 51.086,
241
+ China: 136.0,
242
+ Brazil: 5.5,
243
+ EU: 141.0,
244
+ India: 107.18,
245
+ Russia: 77.0
246
+ }
247
+ }
248
+ ];
249
+ let rds2b = [
250
+ {
251
+ name: "Corn",
252
+ color: "#E91E63",
253
+ data: {
254
+ USA: 406.292,
255
+ China: 260.0,
256
+ Brazil: 107.0,
257
+ EU: 68.3,
258
+ India: 27.5,
259
+ Russia: 14.5
260
+ }
261
+ },
262
+ {
263
+ name: "Wheat",
264
+ color: "#9C27B0",
265
+ data: {
266
+ USA: 51.086,
267
+ China: 136.0,
268
+ Brazil: 5.5,
269
+ EU: 141.0,
270
+ India: 107.18,
271
+ Russia: 77.0
272
+ }
273
+ }
274
+ ];
275
+ let rds2c = [
276
+ {
277
+ name: "Corn",
278
+ color: ["rgb(243, 150, 199)", "rgb(233, 30, 99)"],
279
+ data: {
280
+ USA: 406.292,
281
+ China: 260.0,
282
+ Brazil: 107.0,
283
+ EU: 68.3,
284
+ India: 27.5,
285
+ Russia: 14.5
286
+ }
287
+ },
288
+ {
289
+ name: "Wheat",
290
+ color: ["rgb(206, 159, 236)", "rgb(156, 39, 176)"],
291
+ data: {
292
+ USA: 51.086,
293
+ China: 136.0,
294
+ Brazil: 5.5,
295
+ EU: 141.0,
296
+ India: 107.18,
297
+ Russia: 77.0
298
+ }
299
+ }
300
+ ];
301
+ let rds2d = [
302
+ {
303
+ name: "Corn",
304
+ data: {
305
+ USA: {
306
+ value: 406.292,
307
+ color: "#FF8A80"
308
+ },
309
+ China: {
310
+ value: 260.0,
311
+ color: "#FF80AB"
312
+ },
313
+ Brazil: {
314
+ value: 107.0,
315
+ color: "#EA80FC"
316
+ },
317
+ EU: {
318
+ value: 68.3,
319
+ color: "#B388FF"
320
+ },
321
+ India: {
322
+ value: 27.5,
323
+ color: "#8C9EFF"
324
+ },
325
+ Russia: {
326
+ value: 14.5,
327
+ color: "#82B1FF"
328
+ }
329
+ }
330
+ },
331
+ {
332
+ name: "Wheat",
333
+ data: {
334
+ USA: {
335
+ value: 51.086,
336
+ color: "#F44336"
337
+ },
338
+ China: {
339
+ value: 136.0,
340
+ color: "#E91E63"
341
+ },
342
+ Brazil: {
343
+ value: 5.5,
344
+ color: "#9C27B0"
345
+ },
346
+ EU: {
347
+ value: 141.0,
348
+ color: "#673AB7"
349
+ },
350
+ India: {
351
+ value: 107.18,
352
+ color: "#3F51B5"
353
+ },
354
+ Russia: {
355
+ value: 77.0,
356
+ color: "#2196F3"
357
+ }
358
+ }
359
+ }
360
+ ];
361
+ let rds2e = [
362
+ {
363
+ name: "Corn",
364
+ data: {
365
+ USA: {
366
+ value: 406.292,
367
+ color: ["rgb(255, 205, 210)", "rgb(229, 115, 115)"]
368
+ },
369
+ China: {
370
+ value: 260.0,
371
+ color: ["rgb(255, 185, 210)", "rgb(229, 95, 115)"]
372
+ },
373
+ Brazil: {
374
+ value: 107.0,
375
+ color: ["rgb(255, 165, 210)", "rgb(229, 75, 115)"]
376
+ },
377
+ EU: {
378
+ value: 68.3,
379
+ color: ["rgb(255, 145, 210)", "rgb(229, 55, 115)"]
380
+ },
381
+ India: {
382
+ value: 27.5,
383
+ color: ["rgb(255, 125, 210)", "rgb(229, 35, 115)"]
384
+ },
385
+ Russia: {
386
+ value: 14.5,
387
+ color: ["rgb(255, 105, 210)", "rgb(229, 15, 115)"]
388
+ }
389
+ }
390
+ },
391
+ {
392
+ name: "Wheat",
393
+ data: {
394
+ USA: {
395
+ value: 51.086,
396
+ color: ["rgb(210, 205, 255)", "rgb(115, 115, 229)"]
397
+ },
398
+ China: {
399
+ value: 136.0,
400
+ color: ["rgb(210, 185, 255)", "rgb(115, 95, 229)"]
401
+ },
402
+ Brazil: {
403
+ value: 5.5,
404
+ color: ["rgb(210, 165, 255)", "rgb(115, 75, 229)"]
405
+ },
406
+ EU: {
407
+ value: 141.0,
408
+ color: ["rgb(210, 145, 255)", "rgb(115, 55, 229)"]
409
+ },
410
+ India: {
411
+ value: 107.18,
412
+ color: ["rgb(210, 125, 255)", "rgb(115, 35, 229)"]
413
+ },
414
+ Russia: {
415
+ value: 77.0,
416
+ color: ["rgb(210, 105, 255)", "rgb(115, 15, 229)"]
417
+ }
418
+ }
419
+ }
420
+ ];
421
+ return {
422
+ WBar: {
423
+ opt1a: {
424
+ width: 400,
425
+ height: 400,
426
+ keys: keys1,
427
+ rds: rds1a,
428
+ xTitle: "Countries",
429
+ yTitle: "Weight (MT)"
430
+ },
431
+ opt1b: {
432
+ width: 400,
433
+ height: 400,
434
+ keys: keys1,
435
+ rds: rds1b,
436
+ xTitle: "Countries",
437
+ yTitle: "Weight (MT)"
438
+ },
439
+ opt1c: {
440
+ width: 400,
441
+ height: 400,
442
+ keys: keys1,
443
+ rds: rds1c,
444
+ xTitle: "Countries",
445
+ yTitle: "Weight (MT)"
446
+ },
447
+ opt2a: {
448
+ width: 400,
449
+ height: 400,
450
+ keys: keys1,
451
+ rds: rds2a,
452
+ xTitle: "Countries",
453
+ yTitle: "Weight (MT)"
454
+ },
455
+ opt2b: {
456
+ width: 400,
457
+ height: 400,
458
+ keys: keys1,
459
+ rds: rds2b,
460
+ xTitle: "Countries",
461
+ yTitle: "Weight (MT)"
462
+ },
463
+ opt2c: {
464
+ width: 400,
465
+ height: 400,
466
+ keys: keys1,
467
+ rds: rds2c,
468
+ xTitle: "Countries",
469
+ yTitle: "Weight (MT)"
470
+ },
471
+ opt2d: {
472
+ width: 400,
473
+ height: 400,
474
+ keys: keys1,
475
+ rds: rds2d,
476
+ xTitle: "Countries",
477
+ yTitle: "Weight (MT)"
478
+ },
479
+ opt2e: {
480
+ width: 400,
481
+ height: 400,
482
+ keys: keys1,
483
+ rds: rds2e,
484
+ xTitle: "Countries",
485
+ yTitle: "Weight (MT)"
486
+ }
487
+ }
488
+ };
489
+ },
490
+ mounted: function() {
491
+ return {};
492
+ },
493
+ computed: {},
494
+ methods: {}
495
+ });
496
+ </script>
497
+ </body>
498
+ </html>