Chord Diagram

by kelvinau

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/2.2.7/echarts-all.js"></script>
<div id="main" style="width: 1000px;height:600px;"></div>

JavaScript

// Get Top Threat -> Use Top Countries with the ID
/* requirejs.config({
  paths: {
    'echarts': ['https://cdnjs.cloudflare.com/ajax/libs/echarts/2.2.7/echarts-all', 'https://cdnjs.cloudflare.com/ajax/libs/echarts/2.2.7/chart/chord']
  },
});
require(['echarts'], function(echarts) { */

var myChart = echarts.init(document.getElementById('main'));
var colors = [];
for (var i = 0; i < 20; i++) {
  if (i < 10) {
    colors.push('red');
  } else {
    colors.push('blue');
  }
}

var option = {
  //color : colors,
  tooltip: {
    trigger: 'item',
    formatter: function(params) {
      // link
      if (params.indicator2) {
        /*         return params.indicator2 + ' ' + params.name + ' ' + params.indicator; */
        return params.indicator2 + ' - ' + params.indicator;
      }
      // node
      else {
        return params.name
      }
    }
  },
  /*   legend: {
      x: 'left',
      data: ['United States', 'China', 'Canada']
    }, */
  series: [{
    type: 'chord',
    //sort: 'ascending',
    //sortSub: 'descending',
    clickable: false,
    itemStyle: {
      normal: {
        color: 'black',
        label: {
          rotate: true,
        }
      }
    },
    //clockWise: true,
    /*      markPoint: {
             large: true,
          data: [
          {
          x: 0, y: 0,
          }
          ]
             }, */
    nodes: [{
        name: 'Riskware/Asparnet',
        itemStyle: {
          normal: {
            /*             color: 'black',
                        width: 500,
                        chordStyle: {
                          color: 'black',
                          borderColor: 'black',
                          borderWidth: 500,
                        }, */
          }
        }
      },
      {
        name: 'W32/Monderb.G!tr'
      },
      {
        name: 'W32/BHO.JDH!tr'
      },
      {
        name: 'Adware/Dealply'
      },
      {
        name: 'Riskware/CoinMiner'
      },
      {
        name:...