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