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