echarts词云居中
时间: 2024-07-19 21:01:14 浏览: 81
ECharts是一个常用的JavaScript数据可视化库,创建词云图(word cloud)可以使用其提供的`echarts-wordcloud`组件。如果你想让词云图居中显示,可以在配置项中设置`center`属性。下面是一个简单的例子:
```javascript
var wordCloud = echarts.init(document.getElementById('main'));
// 假设你已经有了一个包含词语及其权重的数据
var data = {
words: [
{ text: '词A', weight: 50 },
{ text: '词B', weight: 80 },
... // 其他词及其权重
]
};
wordCloud.setOption({
wordCloud: {
show: true,
shape: 'circle',
size: [600, 400], // 宽度和高度
padding: 20,
scale: function (val) {
return val * 7;
},
rotateStep: 45,
center: ['50%', '50%'], // 设置中心点
data: data.words
}
});
```
在这个配置中,`center: ['50%', '50%']` 表示词云的中心位于图表区域的正中间。
阅读全文