echarts词云
时间: 2023-06-29 07:17:55 浏览: 112
ECharts 是百度开源的一个基于 JavaScript 的可视化图表库,支持各种常见的图表类型,包括词云。词云是一种常见的可视化方式,可以将一组文本数据按照词频等信息绘制成云状图,以突出关键词的重要性。
以下是一个简单的 ECharts 词云示例:
```javascript
// 初始化echarts实例
var myChart = echarts.init(document.getElementById('myChart'));
// 配置项
var option = {
series: [{
type: 'wordCloud',
shape: 'circle',
left: 'center',
top: 'center',
width: '80%',
height: '80%',
right: null,
bottom: null,
sizeRange: [12, 50],
rotationRange: [-90, 90],
rotationStep: 45,
gridSize: 8,
drawOutOfBound: false,
textStyle: {
normal: {
fontFamily: 'sans-serif',
fontWeight: 'bold',
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: 'Java',
value: 100
},
{
name: 'Python',
value: 80
},
{
name: 'JavaScript',
value: 70
},
{
name: 'C++',
value: 60
},
{
name: 'PHP',
value: 50
},
{
name: 'Ruby',
value: 40
},
{
name: 'Swift',
value: 30
},
{
name: 'Objective-C',
value: 20
}
]
}]
};
// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);
```
这个示例展示了如何使用 ECharts 绘制一个简单的词云图表。其中,配置项中的 `data` 属性是一个数组,每个元素都是一个对象,包含 `name` 和 `value` 两个属性,分别表示词语和权重。其他的配置项可以根据需要进行修改。
阅读全文