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_multi-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html ADDED
@@ -0,0 +1,495 @@
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
120
+ class="item"
121
+ >multi-set &amp; barWidthRatio &amp; barGroupWidthRatio &amp; barBorderRadius &amp; barBorderWidth</div>
122
+
123
+ <w-bar
124
+ :opt="{
125
+ ...WBar.opt2a,
126
+ barShowLabels:false,
127
+ showLegend:true,
128
+ barWidthRatio:0,
129
+ barGroupWidthRatio:0,
130
+ barBorderRadius:0,
131
+ barBorderWidth:0,
132
+ }"
133
+ ></w-bar>
134
+ </div>
135
+ </v-app>
136
+
137
+ <script>
138
+ //install
139
+ Vue.use(window["w-plot-vue"]);
140
+
141
+ //initialize
142
+ new Vue({
143
+ el: "#app",
144
+
145
+ data: function() {
146
+ let keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
147
+ let rds1a = [
148
+ {
149
+ name: "Corn",
150
+ data: {
151
+ USA: 406.292,
152
+ China: 260.0,
153
+ Brazil: 107.0,
154
+ EU: 68.3,
155
+ India: 27.5,
156
+ Russia: 14.5
157
+ }
158
+ }
159
+ ];
160
+ let rds1b = [
161
+ {
162
+ name: "Corn",
163
+ data: {
164
+ USA: {
165
+ value: 406.292,
166
+ color: "#F44336"
167
+ },
168
+ China: {
169
+ value: 260.0,
170
+ color: "#E91E63"
171
+ },
172
+ Brazil: {
173
+ value: 107.0,
174
+ color: "#9C27B0"
175
+ },
176
+ EU: {
177
+ value: 68.3,
178
+ color: "#673AB7"
179
+ },
180
+ India: {
181
+ value: 27.5,
182
+ color: "#3F51B5"
183
+ },
184
+ Russia: {
185
+ value: 14.5,
186
+ color: "#2196F3"
187
+ }
188
+ }
189
+ }
190
+ ];
191
+ let rds1c = [
192
+ {
193
+ name: "Corn",
194
+ data: {
195
+ USA: {
196
+ value: 406.292,
197
+ color: ["#EF9A9A", "#F44336"]
198
+ },
199
+ China: {
200
+ value: 260.0,
201
+ color: ["#F48FB1", "#E91E63"]
202
+ },
203
+ Brazil: {
204
+ value: 107.0,
205
+ color: ["#CE93D8", "#9C27B0"]
206
+ },
207
+ EU: {
208
+ value: 68.3,
209
+ color: ["#B39DDB", "#673AB7"]
210
+ },
211
+ India: {
212
+ value: 27.5,
213
+ color: ["#9FA8DA", "#3F51B5"]
214
+ },
215
+ Russia: {
216
+ value: 14.5,
217
+ color: ["#90CAF9", "#2196F3"]
218
+ }
219
+ }
220
+ }
221
+ ];
222
+ let rds2a = [
223
+ {
224
+ name: "Corn",
225
+ data: {
226
+ USA: 406.292,
227
+ China: 260.0,
228
+ Brazil: 107.0,
229
+ EU: 68.3,
230
+ India: 27.5,
231
+ Russia: 14.5
232
+ }
233
+ },
234
+ {
235
+ name: "Wheat",
236
+ data: {
237
+ USA: 51.086,
238
+ China: 136.0,
239
+ Brazil: 5.5,
240
+ EU: 141.0,
241
+ India: 107.18,
242
+ Russia: 77.0
243
+ }
244
+ }
245
+ ];
246
+ let rds2b = [
247
+ {
248
+ name: "Corn",
249
+ color: "#E91E63",
250
+ data: {
251
+ USA: 406.292,
252
+ China: 260.0,
253
+ Brazil: 107.0,
254
+ EU: 68.3,
255
+ India: 27.5,
256
+ Russia: 14.5
257
+ }
258
+ },
259
+ {
260
+ name: "Wheat",
261
+ color: "#9C27B0",
262
+ data: {
263
+ USA: 51.086,
264
+ China: 136.0,
265
+ Brazil: 5.5,
266
+ EU: 141.0,
267
+ India: 107.18,
268
+ Russia: 77.0
269
+ }
270
+ }
271
+ ];
272
+ let rds2c = [
273
+ {
274
+ name: "Corn",
275
+ color: ["rgb(243, 150, 199)", "rgb(233, 30, 99)"],
276
+ data: {
277
+ USA: 406.292,
278
+ China: 260.0,
279
+ Brazil: 107.0,
280
+ EU: 68.3,
281
+ India: 27.5,
282
+ Russia: 14.5
283
+ }
284
+ },
285
+ {
286
+ name: "Wheat",
287
+ color: ["rgb(206, 159, 236)", "rgb(156, 39, 176)"],
288
+ data: {
289
+ USA: 51.086,
290
+ China: 136.0,
291
+ Brazil: 5.5,
292
+ EU: 141.0,
293
+ India: 107.18,
294
+ Russia: 77.0
295
+ }
296
+ }
297
+ ];
298
+ let rds2d = [
299
+ {
300
+ name: "Corn",
301
+ data: {
302
+ USA: {
303
+ value: 406.292,
304
+ color: "#FF8A80"
305
+ },
306
+ China: {
307
+ value: 260.0,
308
+ color: "#FF80AB"
309
+ },
310
+ Brazil: {
311
+ value: 107.0,
312
+ color: "#EA80FC"
313
+ },
314
+ EU: {
315
+ value: 68.3,
316
+ color: "#B388FF"
317
+ },
318
+ India: {
319
+ value: 27.5,
320
+ color: "#8C9EFF"
321
+ },
322
+ Russia: {
323
+ value: 14.5,
324
+ color: "#82B1FF"
325
+ }
326
+ }
327
+ },
328
+ {
329
+ name: "Wheat",
330
+ data: {
331
+ USA: {
332
+ value: 51.086,
333
+ color: "#F44336"
334
+ },
335
+ China: {
336
+ value: 136.0,
337
+ color: "#E91E63"
338
+ },
339
+ Brazil: {
340
+ value: 5.5,
341
+ color: "#9C27B0"
342
+ },
343
+ EU: {
344
+ value: 141.0,
345
+ color: "#673AB7"
346
+ },
347
+ India: {
348
+ value: 107.18,
349
+ color: "#3F51B5"
350
+ },
351
+ Russia: {
352
+ value: 77.0,
353
+ color: "#2196F3"
354
+ }
355
+ }
356
+ }
357
+ ];
358
+ let rds2e = [
359
+ {
360
+ name: "Corn",
361
+ data: {
362
+ USA: {
363
+ value: 406.292,
364
+ color: ["rgb(255, 205, 210)", "rgb(229, 115, 115)"]
365
+ },
366
+ China: {
367
+ value: 260.0,
368
+ color: ["rgb(255, 185, 210)", "rgb(229, 95, 115)"]
369
+ },
370
+ Brazil: {
371
+ value: 107.0,
372
+ color: ["rgb(255, 165, 210)", "rgb(229, 75, 115)"]
373
+ },
374
+ EU: {
375
+ value: 68.3,
376
+ color: ["rgb(255, 145, 210)", "rgb(229, 55, 115)"]
377
+ },
378
+ India: {
379
+ value: 27.5,
380
+ color: ["rgb(255, 125, 210)", "rgb(229, 35, 115)"]
381
+ },
382
+ Russia: {
383
+ value: 14.5,
384
+ color: ["rgb(255, 105, 210)", "rgb(229, 15, 115)"]
385
+ }
386
+ }
387
+ },
388
+ {
389
+ name: "Wheat",
390
+ data: {
391
+ USA: {
392
+ value: 51.086,
393
+ color: ["rgb(210, 205, 255)", "rgb(115, 115, 229)"]
394
+ },
395
+ China: {
396
+ value: 136.0,
397
+ color: ["rgb(210, 185, 255)", "rgb(115, 95, 229)"]
398
+ },
399
+ Brazil: {
400
+ value: 5.5,
401
+ color: ["rgb(210, 165, 255)", "rgb(115, 75, 229)"]
402
+ },
403
+ EU: {
404
+ value: 141.0,
405
+ color: ["rgb(210, 145, 255)", "rgb(115, 55, 229)"]
406
+ },
407
+ India: {
408
+ value: 107.18,
409
+ color: ["rgb(210, 125, 255)", "rgb(115, 35, 229)"]
410
+ },
411
+ Russia: {
412
+ value: 77.0,
413
+ color: ["rgb(210, 105, 255)", "rgb(115, 15, 229)"]
414
+ }
415
+ }
416
+ }
417
+ ];
418
+ return {
419
+ WBar: {
420
+ opt1a: {
421
+ width: 400,
422
+ height: 400,
423
+ keys: keys1,
424
+ rds: rds1a,
425
+ xTitle: "Countries",
426
+ yTitle: "Weight (MT)"
427
+ },
428
+ opt1b: {
429
+ width: 400,
430
+ height: 400,
431
+ keys: keys1,
432
+ rds: rds1b,
433
+ xTitle: "Countries",
434
+ yTitle: "Weight (MT)"
435
+ },
436
+ opt1c: {
437
+ width: 400,
438
+ height: 400,
439
+ keys: keys1,
440
+ rds: rds1c,
441
+ xTitle: "Countries",
442
+ yTitle: "Weight (MT)"
443
+ },
444
+ opt2a: {
445
+ width: 400,
446
+ height: 400,
447
+ keys: keys1,
448
+ rds: rds2a,
449
+ xTitle: "Countries",
450
+ yTitle: "Weight (MT)"
451
+ },
452
+ opt2b: {
453
+ width: 400,
454
+ height: 400,
455
+ keys: keys1,
456
+ rds: rds2b,
457
+ xTitle: "Countries",
458
+ yTitle: "Weight (MT)"
459
+ },
460
+ opt2c: {
461
+ width: 400,
462
+ height: 400,
463
+ keys: keys1,
464
+ rds: rds2c,
465
+ xTitle: "Countries",
466
+ yTitle: "Weight (MT)"
467
+ },
468
+ opt2d: {
469
+ width: 400,
470
+ height: 400,
471
+ keys: keys1,
472
+ rds: rds2d,
473
+ xTitle: "Countries",
474
+ yTitle: "Weight (MT)"
475
+ },
476
+ opt2e: {
477
+ width: 400,
478
+ height: 400,
479
+ keys: keys1,
480
+ rds: rds2e,
481
+ xTitle: "Countries",
482
+ yTitle: "Weight (MT)"
483
+ }
484
+ }
485
+ };
486
+ },
487
+ mounted: function() {
488
+ return {};
489
+ },
490
+ computed: {},
491
+ methods: {}
492
+ });
493
+ </script>
494
+ </body>
495
+ </html>