w-plot-vue 1.0.0 → 1.0.2
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.
- package/README.md +4 -4
- package/dist/w-plot-vue.umd.js +7 -0
- package/dist/w-plot-vue.umd.js.map +1 -0
- package/docs/examples/app.html +1 -1
- package/docs/examples/app.umd.js +2 -2
- package/docs/examples/app.umd.js.map +1 -1
- package/docs/examples/w-bar_horizontal_multi-set(color).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set(color, gradient).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set(series color).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set(series color, gradient).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set.html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackNormal).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackPercent).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set__hide legned.html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set__show labels.html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set_barKpColor(gradient).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set_barKpColor.html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set_barUseInnerLabelsForHorizontal_barGroupWidthRatio.html +496 -0
- package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio.html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio_barGroupWidthRatio.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set(color).html +10 -10
- package/docs/examples/w-bar_horizontal_one-set(color, gradient).html +10 -10
- package/docs/examples/w-bar_horizontal_one-set.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_barColor(gradient).html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_barColor.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_barKpColor(gradient).html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_barKpColor.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_barUseInnerLabelsForHorizontal.html +493 -0
- package/docs/examples/w-bar_horizontal_one-set_barWidthRatio.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_barWidthRatio_barGroupWidthRatio.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_hide labels.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_marginLeft_marginRight.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_show legned.html +10 -10
- package/docs/examples/w-bar_multi-set(color).html +10 -10
- package/docs/examples/w-bar_multi-set(color, gradient).html +10 -10
- package/docs/examples/w-bar_multi-set(series color).html +10 -10
- package/docs/examples/w-bar_multi-set(series color, gradient).html +10 -10
- package/docs/examples/w-bar_multi-set.html +10 -10
- package/docs/examples/w-bar_multi-set__barDisplay(stackNormal).html +10 -10
- package/docs/examples/w-bar_multi-set__barDisplay(stackNormal)_.html +10 -10
- package/docs/examples/w-bar_multi-set__barDisplay(stackPercent).html +10 -10
- package/docs/examples/w-bar_multi-set__hide legned.html +10 -10
- package/docs/examples/w-bar_multi-set__show labels.html +10 -10
- package/docs/examples/w-bar_multi-set_barKpColor(gradient).html +10 -10
- package/docs/examples/w-bar_multi-set_barKpColor.html +10 -10
- package/docs/examples/w-bar_multi-set_barWidthRatio.html +10 -10
- package/docs/examples/w-bar_multi-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +10 -10
- package/docs/examples/w-bar_one-set(color).html +10 -10
- package/docs/examples/w-bar_one-set(color, gradient).html +10 -10
- package/docs/examples/w-bar_one-set.html +10 -10
- package/docs/examples/w-bar_one-set_barColor(gradient).html +10 -10
- package/docs/examples/w-bar_one-set_barColor.html +10 -10
- package/docs/examples/w-bar_one-set_barKpColor(gradient).html +10 -10
- package/docs/examples/w-bar_one-set_barKpColor.html +10 -10
- package/docs/examples/w-bar_one-set_barWidthRatio.html +10 -10
- package/docs/examples/w-bar_one-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +10 -10
- package/docs/examples/w-bar_one-set_hide labels.html +10 -10
- package/docs/examples/w-bar_one-set_marginLeft_marginRight_marginTop.html +10 -10
- package/docs/examples/w-bar_one-set_show legned.html +10 -10
- package/docs/examples/w-pie_one-set(color).html +5 -5
- package/docs/examples/w-pie_one-set(color, gradient).html +5 -5
- package/docs/examples/w-pie_one-set.html +5 -5
- package/docs/examples/w-pie_one-set_hide labels.html +5 -5
- package/docs/examples/w-pie_one-set_hide legned.html +5 -5
- package/docs/examples/w-pie_one-set_marginLeft_marginRight_marginTop.html +5 -5
- package/docs/examples/w-pie_one-set_pieBorderRadius.html +5 -5
- package/docs/examples/w-pie_one-set_pieBorderWidth_pieBorderRadius.html +5 -5
- package/docs/examples/w-pie_one-set_pieKpColor(gradient).html +5 -5
- package/docs/examples/w-pie_one-set_pieKpColor.html +5 -5
- package/docs/examples/w-pie_one-set_pieThicknessRatio.html +5 -5
- package/docs/examples/w-plot_default.html +1 -1
- package/docs/examples/w-rose_multi-set(color).html +10 -10
- package/docs/examples/w-rose_multi-set(color, gradient).html +10 -10
- package/docs/examples/w-rose_multi-set(series color).html +10 -10
- package/docs/examples/w-rose_multi-set(series color, gradient).html +10 -10
- package/docs/examples/w-rose_multi-set.html +10 -10
- package/docs/examples/w-rose_multi-set__hide legned.html +10 -10
- package/docs/examples/w-rose_multi-set__show labels.html +10 -10
- package/docs/examples/w-rose_multi-set_roseBorderWidth.html +10 -10
- package/docs/examples/w-rose_multi-set_roseKpColor(gradient).html +10 -10
- package/docs/examples/w-rose_multi-set_roseKpColor.html +10 -10
- package/docs/examples/w-rose_multi-set_roseWidthRatio.html +10 -10
- package/docs/examples/w-rose_one-set(color).html +10 -10
- package/docs/examples/w-rose_one-set(color, gradient).html +10 -10
- package/docs/examples/w-rose_one-set.html +10 -10
- package/docs/examples/w-rose_one-set_marginLeft_marginRight_marginTop.html +10 -10
- package/docs/examples/w-rose_one-set_roseBorderWidth.html +10 -10
- package/docs/examples/w-rose_one-set_roseKpColor(gradient).html +10 -10
- package/docs/examples/w-rose_one-set_roseKpColor.html +10 -10
- package/docs/examples/w-rose_one-set_roseShowLabels.html +10 -10
- package/docs/examples/w-rose_one-set_roseWidthRatio.html +10 -10
- package/docs/examples/w-rose_one-set_showLegend.html +10 -10
- package/docs/examples/w-rose_one-set_showLegend_legendPosition.html +10 -10
- package/docs/examples/w-set-multi_default.html +221 -0
- package/docs/examples/w-set-multi_hide labels.html +222 -0
- package/docs/examples/w-set-multi_hide legned.html +222 -0
- package/docs/examples/w-set-multi_keySelect.html +226 -0
- package/docs/examples/w-set-multi_slot head.html +225 -0
- package/docs/examples/w-set-multi_textPlotType_kpSelectText_widthSelect.html +233 -0
- package/docs/examples/w-set-one_default.html +192 -0
- package/docs/examples/w-set-one_hide labels.html +193 -0
- package/docs/examples/w-set-one_keySelect.html +197 -0
- package/docs/examples/w-set-one_show legned.html +193 -0
- package/docs/examples/w-set-one_slot head.html +196 -0
- package/docs/examples/w-set-one_textPlotType_kpSelectText_widthSelect.html +201 -0
- package/docs/getDefAxis.mjs.html +5 -5
- package/docs/getDefChart.mjs.html +3 -3
- package/docs/getDefLegend.mjs.html +2 -2
- package/docs/getDefOpt.mjs.html +2 -2
- package/docs/global.html +2 -2
- package/docs/index.html +2 -2
- package/docs/module-WBar.html +2 -2
- package/docs/module-WPie.html +2 -2
- package/docs/module-WPlot.html +2 -2
- package/docs/module-WRose.html +2 -2
- package/docs/module-WSetMulti.html +216 -0
- package/docs/module-WSetOne.html +216 -0
- package/docs/setLegendLoc.mjs.html +2 -2
- package/package.json +1 -1
- package/src/App.vue +224 -20
- package/src/AppZoneWBar.vue +50 -9
- package/src/AppZoneWPie.vue +4 -4
- package/src/AppZoneWRose.vue +9 -9
- package/src/AppZoneWSetMulti.vue +225 -0
- package/src/AppZoneWSetOne.vue +193 -0
- package/src/components/WBar.vue +128 -18
- package/src/components/WPie.vue +21 -18
- package/src/components/{WGeoVue.vue → WPlotVue.vue} +8 -4
- package/src/components/WRose.vue +21 -18
- package/src/components/WSetMulti.vue +423 -0
- package/src/components/WSetOne.vue +57 -0
- package/src/js/genBarOpt.mjs +54 -7
- package/src/js/genPieOpt.mjs +1 -1
- package/src/js/genRoseOpt.mjs +1 -1
- package/src/js/getDefAxis.mjs +3 -3
- package/src/js/getDefChart.mjs +1 -1
- package/toolg/gDistRollupComps.mjs +1 -1
- package/toolg/gMergeComps.mjs +4 -4
- package/dist/w-geo-vue.umd.js +0 -7
- package/dist/w-geo-vue.umd.js.map +0 -1
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
el: "#app",
|
|
142
142
|
|
|
143
143
|
data: function() {
|
|
144
|
-
let
|
|
144
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
145
145
|
let rds1a = [
|
|
146
146
|
{
|
|
147
147
|
name: "Corn",
|
|
@@ -222,7 +222,7 @@
|
|
|
222
222
|
opt1a: {
|
|
223
223
|
width: 400,
|
|
224
224
|
height: 400,
|
|
225
|
-
keys
|
|
225
|
+
keys,
|
|
226
226
|
rds: rds1a,
|
|
227
227
|
xTitle: "Countries",
|
|
228
228
|
yTitle: "Weight (MT)"
|
|
@@ -230,7 +230,7 @@
|
|
|
230
230
|
opt1b: {
|
|
231
231
|
width: 400,
|
|
232
232
|
height: 400,
|
|
233
|
-
keys
|
|
233
|
+
keys,
|
|
234
234
|
rds: rds1b,
|
|
235
235
|
xTitle: "Countries",
|
|
236
236
|
yTitle: "Weight (MT)"
|
|
@@ -238,7 +238,7 @@
|
|
|
238
238
|
opt1c: {
|
|
239
239
|
width: 400,
|
|
240
240
|
height: 400,
|
|
241
|
-
keys
|
|
241
|
+
keys,
|
|
242
242
|
rds: rds1c,
|
|
243
243
|
xTitle: "Countries",
|
|
244
244
|
yTitle: "Weight (MT)"
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
el: "#app",
|
|
137
137
|
|
|
138
138
|
data: function() {
|
|
139
|
-
let
|
|
139
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
140
140
|
let rds1a = [
|
|
141
141
|
{
|
|
142
142
|
name: "Corn",
|
|
@@ -217,7 +217,7 @@
|
|
|
217
217
|
opt1a: {
|
|
218
218
|
width: 400,
|
|
219
219
|
height: 400,
|
|
220
|
-
keys
|
|
220
|
+
keys,
|
|
221
221
|
rds: rds1a,
|
|
222
222
|
xTitle: "Countries",
|
|
223
223
|
yTitle: "Weight (MT)"
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
opt1b: {
|
|
226
226
|
width: 400,
|
|
227
227
|
height: 400,
|
|
228
|
-
keys
|
|
228
|
+
keys,
|
|
229
229
|
rds: rds1b,
|
|
230
230
|
xTitle: "Countries",
|
|
231
231
|
yTitle: "Weight (MT)"
|
|
@@ -233,7 +233,7 @@
|
|
|
233
233
|
opt1c: {
|
|
234
234
|
width: 400,
|
|
235
235
|
height: 400,
|
|
236
|
-
keys
|
|
236
|
+
keys,
|
|
237
237
|
rds: rds1c,
|
|
238
238
|
xTitle: "Countries",
|
|
239
239
|
yTitle: "Weight (MT)"
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
el: "#app",
|
|
138
138
|
|
|
139
139
|
data: function() {
|
|
140
|
-
let
|
|
140
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
141
141
|
let rds1a = [
|
|
142
142
|
{
|
|
143
143
|
name: "Corn",
|
|
@@ -218,7 +218,7 @@
|
|
|
218
218
|
opt1a: {
|
|
219
219
|
width: 400,
|
|
220
220
|
height: 400,
|
|
221
|
-
keys
|
|
221
|
+
keys,
|
|
222
222
|
rds: rds1a,
|
|
223
223
|
xTitle: "Countries",
|
|
224
224
|
yTitle: "Weight (MT)"
|
|
@@ -226,7 +226,7 @@
|
|
|
226
226
|
opt1b: {
|
|
227
227
|
width: 400,
|
|
228
228
|
height: 400,
|
|
229
|
-
keys
|
|
229
|
+
keys,
|
|
230
230
|
rds: rds1b,
|
|
231
231
|
xTitle: "Countries",
|
|
232
232
|
yTitle: "Weight (MT)"
|
|
@@ -234,7 +234,7 @@
|
|
|
234
234
|
opt1c: {
|
|
235
235
|
width: 400,
|
|
236
236
|
height: 400,
|
|
237
|
-
keys
|
|
237
|
+
keys,
|
|
238
238
|
rds: rds1c,
|
|
239
239
|
xTitle: "Countries",
|
|
240
240
|
yTitle: "Weight (MT)"
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
el: "#app",
|
|
144
144
|
|
|
145
145
|
data: function() {
|
|
146
|
-
let
|
|
146
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
147
147
|
let rds1a = [
|
|
148
148
|
{
|
|
149
149
|
name: "Corn",
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
opt1a: {
|
|
225
225
|
width: 400,
|
|
226
226
|
height: 400,
|
|
227
|
-
keys
|
|
227
|
+
keys,
|
|
228
228
|
rds: rds1a,
|
|
229
229
|
xTitle: "Countries",
|
|
230
230
|
yTitle: "Weight (MT)"
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
opt1b: {
|
|
233
233
|
width: 400,
|
|
234
234
|
height: 400,
|
|
235
|
-
keys
|
|
235
|
+
keys,
|
|
236
236
|
rds: rds1b,
|
|
237
237
|
xTitle: "Countries",
|
|
238
238
|
yTitle: "Weight (MT)"
|
|
@@ -240,7 +240,7 @@
|
|
|
240
240
|
opt1c: {
|
|
241
241
|
width: 400,
|
|
242
242
|
height: 400,
|
|
243
|
-
keys
|
|
243
|
+
keys,
|
|
244
244
|
rds: rds1c,
|
|
245
245
|
xTitle: "Countries",
|
|
246
246
|
yTitle: "Weight (MT)"
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
el: "#app",
|
|
144
144
|
|
|
145
145
|
data: function() {
|
|
146
|
-
let
|
|
146
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
147
147
|
let rds1a = [
|
|
148
148
|
{
|
|
149
149
|
name: "Corn",
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
opt1a: {
|
|
225
225
|
width: 400,
|
|
226
226
|
height: 400,
|
|
227
|
-
keys
|
|
227
|
+
keys,
|
|
228
228
|
rds: rds1a,
|
|
229
229
|
xTitle: "Countries",
|
|
230
230
|
yTitle: "Weight (MT)"
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
opt1b: {
|
|
233
233
|
width: 400,
|
|
234
234
|
height: 400,
|
|
235
|
-
keys
|
|
235
|
+
keys,
|
|
236
236
|
rds: rds1b,
|
|
237
237
|
xTitle: "Countries",
|
|
238
238
|
yTitle: "Weight (MT)"
|
|
@@ -240,7 +240,7 @@
|
|
|
240
240
|
opt1c: {
|
|
241
241
|
width: 400,
|
|
242
242
|
height: 400,
|
|
243
|
-
keys
|
|
243
|
+
keys,
|
|
244
244
|
rds: rds1c,
|
|
245
245
|
xTitle: "Countries",
|
|
246
246
|
yTitle: "Weight (MT)"
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
el: "#app",
|
|
137
137
|
|
|
138
138
|
data: function() {
|
|
139
|
-
let
|
|
139
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
140
140
|
let rds1a = [
|
|
141
141
|
{
|
|
142
142
|
name: "Corn",
|
|
@@ -217,7 +217,7 @@
|
|
|
217
217
|
opt1a: {
|
|
218
218
|
width: 400,
|
|
219
219
|
height: 400,
|
|
220
|
-
keys
|
|
220
|
+
keys,
|
|
221
221
|
rds: rds1a,
|
|
222
222
|
xTitle: "Countries",
|
|
223
223
|
yTitle: "Weight (MT)"
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
opt1b: {
|
|
226
226
|
width: 400,
|
|
227
227
|
height: 400,
|
|
228
|
-
keys
|
|
228
|
+
keys,
|
|
229
229
|
rds: rds1b,
|
|
230
230
|
xTitle: "Countries",
|
|
231
231
|
yTitle: "Weight (MT)"
|
|
@@ -233,7 +233,7 @@
|
|
|
233
233
|
opt1c: {
|
|
234
234
|
width: 400,
|
|
235
235
|
height: 400,
|
|
236
|
-
keys
|
|
236
|
+
keys,
|
|
237
237
|
rds: rds1c,
|
|
238
238
|
xTitle: "Countries",
|
|
239
239
|
yTitle: "Weight (MT)"
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
el: "#app",
|
|
138
138
|
|
|
139
139
|
data: function() {
|
|
140
|
-
let
|
|
140
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
141
141
|
let rds1a = [
|
|
142
142
|
{
|
|
143
143
|
name: "Corn",
|
|
@@ -414,7 +414,7 @@
|
|
|
414
414
|
opt1a: {
|
|
415
415
|
width: 400,
|
|
416
416
|
height: 400,
|
|
417
|
-
keys
|
|
417
|
+
keys,
|
|
418
418
|
rds: rds1a,
|
|
419
419
|
xTitle: "Countries",
|
|
420
420
|
yTitle: "Weight (MT)"
|
|
@@ -422,7 +422,7 @@
|
|
|
422
422
|
opt1b: {
|
|
423
423
|
width: 400,
|
|
424
424
|
height: 400,
|
|
425
|
-
keys
|
|
425
|
+
keys,
|
|
426
426
|
rds: rds1b,
|
|
427
427
|
xTitle: "Countries",
|
|
428
428
|
yTitle: "Weight (MT)"
|
|
@@ -430,7 +430,7 @@
|
|
|
430
430
|
opt1c: {
|
|
431
431
|
width: 400,
|
|
432
432
|
height: 400,
|
|
433
|
-
keys
|
|
433
|
+
keys,
|
|
434
434
|
rds: rds1c,
|
|
435
435
|
xTitle: "Countries",
|
|
436
436
|
yTitle: "Weight (MT)"
|
|
@@ -438,7 +438,7 @@
|
|
|
438
438
|
opt2a: {
|
|
439
439
|
width: 400,
|
|
440
440
|
height: 400,
|
|
441
|
-
keys
|
|
441
|
+
keys,
|
|
442
442
|
rds: rds2a,
|
|
443
443
|
xTitle: "Countries",
|
|
444
444
|
yTitle: "Weight (MT)"
|
|
@@ -446,7 +446,7 @@
|
|
|
446
446
|
opt2b: {
|
|
447
447
|
width: 400,
|
|
448
448
|
height: 400,
|
|
449
|
-
keys
|
|
449
|
+
keys,
|
|
450
450
|
rds: rds2b,
|
|
451
451
|
xTitle: "Countries",
|
|
452
452
|
yTitle: "Weight (MT)"
|
|
@@ -454,7 +454,7 @@
|
|
|
454
454
|
opt2c: {
|
|
455
455
|
width: 400,
|
|
456
456
|
height: 400,
|
|
457
|
-
keys
|
|
457
|
+
keys,
|
|
458
458
|
rds: rds2c,
|
|
459
459
|
xTitle: "Countries",
|
|
460
460
|
yTitle: "Weight (MT)"
|
|
@@ -462,7 +462,7 @@
|
|
|
462
462
|
opt2d: {
|
|
463
463
|
width: 400,
|
|
464
464
|
height: 400,
|
|
465
|
-
keys
|
|
465
|
+
keys,
|
|
466
466
|
rds: rds2d,
|
|
467
467
|
xTitle: "Countries",
|
|
468
468
|
yTitle: "Weight (MT)"
|
|
@@ -470,7 +470,7 @@
|
|
|
470
470
|
opt2e: {
|
|
471
471
|
width: 400,
|
|
472
472
|
height: 400,
|
|
473
|
-
keys
|
|
473
|
+
keys,
|
|
474
474
|
rds: rds2e,
|
|
475
475
|
xTitle: "Countries",
|
|
476
476
|
yTitle: "Weight (MT)"
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
el: "#app",
|
|
138
138
|
|
|
139
139
|
data: function() {
|
|
140
|
-
let
|
|
140
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
141
141
|
let rds1a = [
|
|
142
142
|
{
|
|
143
143
|
name: "Corn",
|
|
@@ -414,7 +414,7 @@
|
|
|
414
414
|
opt1a: {
|
|
415
415
|
width: 400,
|
|
416
416
|
height: 400,
|
|
417
|
-
keys
|
|
417
|
+
keys,
|
|
418
418
|
rds: rds1a,
|
|
419
419
|
xTitle: "Countries",
|
|
420
420
|
yTitle: "Weight (MT)"
|
|
@@ -422,7 +422,7 @@
|
|
|
422
422
|
opt1b: {
|
|
423
423
|
width: 400,
|
|
424
424
|
height: 400,
|
|
425
|
-
keys
|
|
425
|
+
keys,
|
|
426
426
|
rds: rds1b,
|
|
427
427
|
xTitle: "Countries",
|
|
428
428
|
yTitle: "Weight (MT)"
|
|
@@ -430,7 +430,7 @@
|
|
|
430
430
|
opt1c: {
|
|
431
431
|
width: 400,
|
|
432
432
|
height: 400,
|
|
433
|
-
keys
|
|
433
|
+
keys,
|
|
434
434
|
rds: rds1c,
|
|
435
435
|
xTitle: "Countries",
|
|
436
436
|
yTitle: "Weight (MT)"
|
|
@@ -438,7 +438,7 @@
|
|
|
438
438
|
opt2a: {
|
|
439
439
|
width: 400,
|
|
440
440
|
height: 400,
|
|
441
|
-
keys
|
|
441
|
+
keys,
|
|
442
442
|
rds: rds2a,
|
|
443
443
|
xTitle: "Countries",
|
|
444
444
|
yTitle: "Weight (MT)"
|
|
@@ -446,7 +446,7 @@
|
|
|
446
446
|
opt2b: {
|
|
447
447
|
width: 400,
|
|
448
448
|
height: 400,
|
|
449
|
-
keys
|
|
449
|
+
keys,
|
|
450
450
|
rds: rds2b,
|
|
451
451
|
xTitle: "Countries",
|
|
452
452
|
yTitle: "Weight (MT)"
|
|
@@ -454,7 +454,7 @@
|
|
|
454
454
|
opt2c: {
|
|
455
455
|
width: 400,
|
|
456
456
|
height: 400,
|
|
457
|
-
keys
|
|
457
|
+
keys,
|
|
458
458
|
rds: rds2c,
|
|
459
459
|
xTitle: "Countries",
|
|
460
460
|
yTitle: "Weight (MT)"
|
|
@@ -462,7 +462,7 @@
|
|
|
462
462
|
opt2d: {
|
|
463
463
|
width: 400,
|
|
464
464
|
height: 400,
|
|
465
|
-
keys
|
|
465
|
+
keys,
|
|
466
466
|
rds: rds2d,
|
|
467
467
|
xTitle: "Countries",
|
|
468
468
|
yTitle: "Weight (MT)"
|
|
@@ -470,7 +470,7 @@
|
|
|
470
470
|
opt2e: {
|
|
471
471
|
width: 400,
|
|
472
472
|
height: 400,
|
|
473
|
-
keys
|
|
473
|
+
keys,
|
|
474
474
|
rds: rds2e,
|
|
475
475
|
xTitle: "Countries",
|
|
476
476
|
yTitle: "Weight (MT)"
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
el: "#app",
|
|
138
138
|
|
|
139
139
|
data: function() {
|
|
140
|
-
let
|
|
140
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
141
141
|
let rds1a = [
|
|
142
142
|
{
|
|
143
143
|
name: "Corn",
|
|
@@ -414,7 +414,7 @@
|
|
|
414
414
|
opt1a: {
|
|
415
415
|
width: 400,
|
|
416
416
|
height: 400,
|
|
417
|
-
keys
|
|
417
|
+
keys,
|
|
418
418
|
rds: rds1a,
|
|
419
419
|
xTitle: "Countries",
|
|
420
420
|
yTitle: "Weight (MT)"
|
|
@@ -422,7 +422,7 @@
|
|
|
422
422
|
opt1b: {
|
|
423
423
|
width: 400,
|
|
424
424
|
height: 400,
|
|
425
|
-
keys
|
|
425
|
+
keys,
|
|
426
426
|
rds: rds1b,
|
|
427
427
|
xTitle: "Countries",
|
|
428
428
|
yTitle: "Weight (MT)"
|
|
@@ -430,7 +430,7 @@
|
|
|
430
430
|
opt1c: {
|
|
431
431
|
width: 400,
|
|
432
432
|
height: 400,
|
|
433
|
-
keys
|
|
433
|
+
keys,
|
|
434
434
|
rds: rds1c,
|
|
435
435
|
xTitle: "Countries",
|
|
436
436
|
yTitle: "Weight (MT)"
|
|
@@ -438,7 +438,7 @@
|
|
|
438
438
|
opt2a: {
|
|
439
439
|
width: 400,
|
|
440
440
|
height: 400,
|
|
441
|
-
keys
|
|
441
|
+
keys,
|
|
442
442
|
rds: rds2a,
|
|
443
443
|
xTitle: "Countries",
|
|
444
444
|
yTitle: "Weight (MT)"
|
|
@@ -446,7 +446,7 @@
|
|
|
446
446
|
opt2b: {
|
|
447
447
|
width: 400,
|
|
448
448
|
height: 400,
|
|
449
|
-
keys
|
|
449
|
+
keys,
|
|
450
450
|
rds: rds2b,
|
|
451
451
|
xTitle: "Countries",
|
|
452
452
|
yTitle: "Weight (MT)"
|
|
@@ -454,7 +454,7 @@
|
|
|
454
454
|
opt2c: {
|
|
455
455
|
width: 400,
|
|
456
456
|
height: 400,
|
|
457
|
-
keys
|
|
457
|
+
keys,
|
|
458
458
|
rds: rds2c,
|
|
459
459
|
xTitle: "Countries",
|
|
460
460
|
yTitle: "Weight (MT)"
|
|
@@ -462,7 +462,7 @@
|
|
|
462
462
|
opt2d: {
|
|
463
463
|
width: 400,
|
|
464
464
|
height: 400,
|
|
465
|
-
keys
|
|
465
|
+
keys,
|
|
466
466
|
rds: rds2d,
|
|
467
467
|
xTitle: "Countries",
|
|
468
468
|
yTitle: "Weight (MT)"
|
|
@@ -470,7 +470,7 @@
|
|
|
470
470
|
opt2e: {
|
|
471
471
|
width: 400,
|
|
472
472
|
height: 400,
|
|
473
|
-
keys
|
|
473
|
+
keys,
|
|
474
474
|
rds: rds2e,
|
|
475
475
|
xTitle: "Countries",
|
|
476
476
|
yTitle: "Weight (MT)"
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
el: "#app",
|
|
138
138
|
|
|
139
139
|
data: function() {
|
|
140
|
-
let
|
|
140
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
141
141
|
let rds1a = [
|
|
142
142
|
{
|
|
143
143
|
name: "Corn",
|
|
@@ -414,7 +414,7 @@
|
|
|
414
414
|
opt1a: {
|
|
415
415
|
width: 400,
|
|
416
416
|
height: 400,
|
|
417
|
-
keys
|
|
417
|
+
keys,
|
|
418
418
|
rds: rds1a,
|
|
419
419
|
xTitle: "Countries",
|
|
420
420
|
yTitle: "Weight (MT)"
|
|
@@ -422,7 +422,7 @@
|
|
|
422
422
|
opt1b: {
|
|
423
423
|
width: 400,
|
|
424
424
|
height: 400,
|
|
425
|
-
keys
|
|
425
|
+
keys,
|
|
426
426
|
rds: rds1b,
|
|
427
427
|
xTitle: "Countries",
|
|
428
428
|
yTitle: "Weight (MT)"
|
|
@@ -430,7 +430,7 @@
|
|
|
430
430
|
opt1c: {
|
|
431
431
|
width: 400,
|
|
432
432
|
height: 400,
|
|
433
|
-
keys
|
|
433
|
+
keys,
|
|
434
434
|
rds: rds1c,
|
|
435
435
|
xTitle: "Countries",
|
|
436
436
|
yTitle: "Weight (MT)"
|
|
@@ -438,7 +438,7 @@
|
|
|
438
438
|
opt2a: {
|
|
439
439
|
width: 400,
|
|
440
440
|
height: 400,
|
|
441
|
-
keys
|
|
441
|
+
keys,
|
|
442
442
|
rds: rds2a,
|
|
443
443
|
xTitle: "Countries",
|
|
444
444
|
yTitle: "Weight (MT)"
|
|
@@ -446,7 +446,7 @@
|
|
|
446
446
|
opt2b: {
|
|
447
447
|
width: 400,
|
|
448
448
|
height: 400,
|
|
449
|
-
keys
|
|
449
|
+
keys,
|
|
450
450
|
rds: rds2b,
|
|
451
451
|
xTitle: "Countries",
|
|
452
452
|
yTitle: "Weight (MT)"
|
|
@@ -454,7 +454,7 @@
|
|
|
454
454
|
opt2c: {
|
|
455
455
|
width: 400,
|
|
456
456
|
height: 400,
|
|
457
|
-
keys
|
|
457
|
+
keys,
|
|
458
458
|
rds: rds2c,
|
|
459
459
|
xTitle: "Countries",
|
|
460
460
|
yTitle: "Weight (MT)"
|
|
@@ -462,7 +462,7 @@
|
|
|
462
462
|
opt2d: {
|
|
463
463
|
width: 400,
|
|
464
464
|
height: 400,
|
|
465
|
-
keys
|
|
465
|
+
keys,
|
|
466
466
|
rds: rds2d,
|
|
467
467
|
xTitle: "Countries",
|
|
468
468
|
yTitle: "Weight (MT)"
|
|
@@ -470,7 +470,7 @@
|
|
|
470
470
|
opt2e: {
|
|
471
471
|
width: 400,
|
|
472
472
|
height: 400,
|
|
473
|
-
keys
|
|
473
|
+
keys,
|
|
474
474
|
rds: rds2e,
|
|
475
475
|
xTitle: "Countries",
|
|
476
476
|
yTitle: "Weight (MT)"
|