echarts 词云图option代码
时间: 2023-06-22 15:42:30 浏览: 260
echarts 柱状图渐变色背景
5星 · 资源好评率100%
以下是一个简单的 echarts 词云图的 option 代码:
```javascript
option = {
title: {
text: '词云图',
subtext: '数据来自网络',
left: 'center',
textStyle: {
color: '#333'
}
},
tooltip: {},
series: [{
type: 'wordCloud',
shape: 'circle',
gridSize: 5,
sizeRange: [12, 50],
rotationRange: [-90, 90],
textStyle: {
normal: {
color: function () {
return 'rgb(' + [
Math.round(Math.random() * 255),
Math.round(Math.random() * 255),
Math.round(Math.random() * 255)
].join(',') + ')';
}
}
},
data: [
{
name: 'ECharts',
value: 10000,
itemStyle: {
color: 'red'
}
},
{
name: 'Vue',
value: 6181
},
{
name: 'React',
value: 4386
},
{
name: 'Angular',
value: 4055
},
{
name: 'Webpack',
value: 2467
},
{
name: 'Babel',
value: 2244
},
{
name: 'TypeScript',
value: 1898
},
{
name: 'JavaScript',
value: 1484
}
]
}]
};
```
可以根据需要,调整 series、textStyle 等配置项,来实现自己想要的词云图效果。其中,data 数组中的每个元素都包括 name 和 value 两个属性,分别表示词语名称和权重值。
阅读全文