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