Top Threat Breakdown

by kelvinau

HTML

<script src="https://cdn.bootcss.com/echarts/4.0.2/echarts.min.js"></script>
<div id="main" style="width: 1000px;height:600px;"></div>

JavaScript

var myChart = echarts.init(document.getElementById('main'));

var data = [{
  name: 'Virus',
	children: [
  {
  name: 'Riskware/Asparnet',
  value: 1
  },
  {
  name: 'Adware/DealPly',
  value: 1
  }
  ]
}, {
  name: 'IPS',
  children: [
  {
  name: 'SIPVicious.SIP.Scanner',
   value: 1
  },
  {
  name: 'MS.Communicator.SIP.Invite.DoS',
   value: 1
  }
  ]
}, {
  name: 'Botnet',
}, {
  name: 'App Control',
}];

var option = {
  series: {
    type: 'sunburst',
    highlightPolicy: 'ancestor',
    data: data,
    radius: [0, '95%'],
    sort: null,
    levels: [{}, {
      r0: '15%',
      r: '35%',
      itemStyle: {
        borderWidth: 2
      },
      label: {
        rotate: 'tangential'
      }
    }, {
      r0: '35%',
      r: '77%',
      label: {
        position: 'outside',
        padding: 3,
        silent: false
      },
      itemStyle: {
        borderWidth: 3
      }
    }]
  }
};


myChart.setOption(option);