|
@@ -20,6 +20,11 @@ export default {
|
|
|
components: {
|
|
|
highcharts: Chart,
|
|
|
},
|
|
|
+ props: {
|
|
|
+ resultSubject: {
|
|
|
+ type: Array,
|
|
|
+ },
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
chartObj: null,
|
|
@@ -33,56 +38,70 @@ export default {
|
|
|
credits: {
|
|
|
enabled: false//不显示LOGO
|
|
|
},
|
|
|
+ tooltip: {
|
|
|
+ formatter: function() {
|
|
|
+ // 自定义弹窗内容的回调函数
|
|
|
+ var point = this.point;
|
|
|
+ if(point.from){
|
|
|
+ var tooltipText = '<b>' + point.from + '</b> - <b>' + point.to + '</b>: ' + point.weight;
|
|
|
+ return tooltipText;
|
|
|
+ }else{
|
|
|
+ var tooltipText = '<b>' + point.name + '</b>: ' + point.sum;
|
|
|
+ return tooltipText;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
series: [{
|
|
|
keys: ['from', 'to', 'weight'],
|
|
|
data: [
|
|
|
- ['Brazil', 'Portugal', 5],
|
|
|
- ['Brazil', 'France', 1],
|
|
|
- ['Brazil', 'Spain', 1],
|
|
|
- ['Brazil', 'England', 1],
|
|
|
- ['Canada', 'Portugal', 1],
|
|
|
- ['Canada', 'France', 5],
|
|
|
- ['Canada', 'England', 1],
|
|
|
- ['Mexico', 'Portugal', 1],
|
|
|
- ['Mexico', 'France', 1],
|
|
|
- ['Mexico', 'Spain', 5],
|
|
|
- ['Mexico', 'England', 1],
|
|
|
- ['USA', 'Portugal', 1],
|
|
|
- ['USA', 'France', 1],
|
|
|
- ['USA', 'Spain', 1],
|
|
|
- ['USA', 'England', 5],
|
|
|
- ['Portugal', 'Angola', 2],
|
|
|
- ['Portugal', 'Senegal', 1],
|
|
|
- ['Portugal', 'Morocco', 1],
|
|
|
- ['Portugal', 'South Africa', 3],
|
|
|
- ['France', 'Angola', 1],
|
|
|
- ['France', 'Senegal', 3],
|
|
|
- ['France', 'Mali', 3],
|
|
|
- ['France', 'Morocco', 3],
|
|
|
- ['France', 'South Africa', 1],
|
|
|
- ['Spain', 'Senegal', 1],
|
|
|
- ['Spain', 'Morocco', 3],
|
|
|
- ['Spain', 'South Africa', 1],
|
|
|
- ['England', 'Angola', 1],
|
|
|
- ['England', 'Senegal', 1],
|
|
|
- ['England', 'Morocco', 2],
|
|
|
- ['England', 'South Africa', 7],
|
|
|
- ['South Africa', 'China', 5],
|
|
|
- ['South Africa', 'India', 1],
|
|
|
- ['South Africa', 'Japan', 3],
|
|
|
- ['Angola', 'China', 5],
|
|
|
- ['Angola', 'India', 1],
|
|
|
- ['Angola', 'Japan', 3],
|
|
|
- ['Senegal', 'China', 5],
|
|
|
- ['Senegal', 'India', 1],
|
|
|
- ['Senegal', 'Japan', 3],
|
|
|
- ['Mali', 'China', 5],
|
|
|
- ['Mali', 'India', 1],
|
|
|
- ['Mali', 'Japan', 3],
|
|
|
- ['Morocco', 'China', 5],
|
|
|
- ['Morocco', 'India', 1],
|
|
|
- ['Morocco', 'Japan', 3],
|
|
|
- ['Japan', 'Brazil', 1]
|
|
|
+ // ['Brazil', 'Portugal', 5],
|
|
|
+ // ['Brazil', 'France', 1],
|
|
|
+ // ['Brazil', 'Spain', 1],
|
|
|
+ // ['Brazil', 'England', 1],
|
|
|
+ // ['Canada', 'Portugal', 1],
|
|
|
+ // ['Canada', 'France', 5],
|
|
|
+ // ['Canada', 'England', 1],
|
|
|
+ // ['Mexico', 'Portugal', 1],
|
|
|
+ // ['Mexico', 'France', 1],
|
|
|
+ // ['Mexico', 'Spain', 5],
|
|
|
+ // ['Mexico', 'England', 1],
|
|
|
+ // ['USA', 'Portugal', 1],
|
|
|
+ // ['USA', 'France', 1],
|
|
|
+ // ['USA', 'Spain', 1],
|
|
|
+ // ['USA', 'England', 5],
|
|
|
+ // ['Portugal', 'Angola', 2],
|
|
|
+ // ['Portugal', 'Senegal', 1],
|
|
|
+ // ['Portugal', 'Morocco', 1],
|
|
|
+ // ['Portugal', 'South Africa', 3],
|
|
|
+ // ['France', 'Angola', 1],
|
|
|
+ // ['France', 'Senegal', 3],
|
|
|
+ // ['France', 'Mali', 3],
|
|
|
+ // ['France', 'Morocco', 3],
|
|
|
+ // ['France', 'South Africa', 1],
|
|
|
+ // ['Spain', 'Senegal', 1],
|
|
|
+ // ['Spain', 'Morocco', 3],
|
|
|
+ // ['Spain', 'South Africa', 1],
|
|
|
+ // ['England', 'Angola', 1],
|
|
|
+ // ['England', 'Senegal', 1],
|
|
|
+ // ['England', 'Morocco', 2],
|
|
|
+ // ['England', 'South Africa', 7],
|
|
|
+ // ['South Africa', 'China', 5],
|
|
|
+ // ['South Africa', 'India', 1],
|
|
|
+ // ['South Africa', 'Japan', 3],
|
|
|
+ // ['Angola', 'China', 5],
|
|
|
+ // ['Angola', 'India', 1],
|
|
|
+ // ['Angola', 'Japan', 3],
|
|
|
+ // ['Senegal', 'China', 5],
|
|
|
+ // ['Senegal', 'India', 1],
|
|
|
+ // ['Senegal', 'Japan', 3],
|
|
|
+ // ['Mali', 'China', 5],
|
|
|
+ // ['Mali', 'India', 1],
|
|
|
+ // ['Mali', 'Japan', 3],
|
|
|
+ // ['Morocco', 'China', 5],
|
|
|
+ // ['Morocco', 'India', 1],
|
|
|
+ // ['Morocco', 'Japan', 3],
|
|
|
+ // ['Japan', 'Brazil', 1]
|
|
|
],
|
|
|
type: 'dependencywheel',
|
|
|
name: '',
|
|
@@ -115,10 +134,25 @@ export default {
|
|
|
// this.chartObj.setOption(this.option);
|
|
|
});
|
|
|
},
|
|
|
+ setArray(array) {
|
|
|
+ this.option.series[0].data = array
|
|
|
+
|
|
|
+ }
|
|
|
},
|
|
|
watch: {
|
|
|
+ resultSubject: {
|
|
|
+ immediate: true,
|
|
|
+ deep: true,
|
|
|
+ handler(newValue, oldValue) {
|
|
|
+ this.setArray(newValue)
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ },
|
|
|
},
|
|
|
mounted() {
|
|
|
+ this.setArray(this.resultSubject)
|
|
|
+ // this.setChart();
|
|
|
+
|
|
|
},
|
|
|
};
|
|
|
</script>
|