html部分:
引入echarts-wordcloud.min.js
<div class="div1" style="width:500px;height:500px;"></div>
js部分:
var option = {
title:{
text:"词云图"
},
tooltip: {},
series: [{
type:'wordCloud',
gridSize:20,
sizeRange: [12, 50],
rotationRange: [0, 0],
shape:'circle',
textStyle: {
normal: {
color:function() {
return 'rgb(' + [
Math.round(Math.random() *160),
Math.round(Math.random() *160),
Math.round(Math.random() *160)
].join(',') +')';
}
},
emphasis: {
shadowBlur:10,
shadowColor:'#333'
}
},
data: [{
name:'Sam S Club',
value:10000,
textStyle: {
normal: {
color:'black'
},
emphasis: {
color:'red'
}
}
}, {
name:'Macys',
value:212
}, {
name:'Amy Schumer',
value:4386
}, {
name:'Jurassic World',
value:4055
}, {
name:'Charter Communications',
value:2467
}, {
name:'Chick Fil A',
value:2244
}, {
name:'Planet Fitness',
value:1898
}, {
name:'Pitch Perfect',
value:1484
}, {
name:'Express',
value:1112
}, {
name:'Home',
value:965
}, {
name:'Johnny Depp',
value:847
}, {
name:'Lena Dunham',
value:582
}, {
name:'Lewis Hamilton',
value:555
}, {
name:'KXAN',
value:550
}, {
name:'Mary Ellen Mark',
value:462
}, {
name:'Farrah Abraham',
value:366
}, {
name:'Rita Ora',
value:360
}, {
name:'Serena Williams',
value:282
}, {
name:'NCAA baseball tournament',
value:273
}, {
name:'Point Break',
value:265
}]
}]
};
var chartPs =echarts.init($('.div1')[0]);
chartPs.setOption(option, true);
chartPs.on("click",function(value){
console.log(value.name)
});
网友评论