Circular Graph Chart
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 scale = 5;
var nodes = [{
name: 'United States',
category: 'us',
symbolSize: 50,
itemStyle: {
color: 'darkorange',
borderColor: '#bf6900',
borderWidth: 1,
},
},
{
name: 'Canada',
category: 'canada',
symbolSize: 50,
itemStyle: {
color: 'skyblue',
borderColor: 'deepskyblue',
borderWidth: 1,
},
},
{
name: 'China',
category: 'china',
symbolSize: 50,
itemStyle: {
color: 'mediumpurple',
borderColor: '#703cdc',
borderWidth: 1,
}
},
{
name: 'Riskware/Asparnet',
},
{
name: 'W32/Monderb.G!tr',
},
{
name: 'W32/BHO.JDH!tr',
},
{
name: 'Adware/Dealply',
}, {
name: 'Riskware/CoinMiner',
}, {
name: 'W32/Conficker.U!worm',
},
{
name: 'Riskware/BitCoin',
}, {
name: 'Virus - 1',
}, {
name: 'Virus - 2',
}, {
name: 'Virus - 3',
}, {
name: 'Virus - 4',
}, {
name: 'Virus - 5',
}, {
name: 'Virus - 6',
}, {
name: 'Virus - 7',
},
];
var links = [{
source: 'United States',
target: 'Riskware/Asparnet',
lineStyle: {
width: 5,
}
},
{
source: 'United States',
target: 'W32/Monderb.G!tr',
lineStyle: {
width: 7,
}
},
{
source: 'United States',
target: 'W32/BHO.JDH!tr',
lineStyle: {
width: 9
}
},
{
source: 'China',
target: 'Adware/Dealply',
lineStyle: {
width: 9
}
}, {
source: 'China',
target: 'Riskware/CoinMiner',
lineStyle: {
width: 1
}
}, {
source: 'China',
target: 'W32/Conficker.U!worm',
lineStyle: {
width: 5
}
}, {
source: 'China',
target: 'Riskware/BitCoin',
lineStyle: {
width: 6
}
}, {
source: 'China',
target: 'Virus - 1',
lineStyle: {
width: 4
}
}, {
source: 'China',
target: 'Virus - 2',
lineStyle: {
width: 6
}
}, {
source: 'China',
target:...