forked from opentiny/tiny-vue
163 lines
2.0 KiB
Vue
163 lines
2.0 KiB
Vue
<template>
|
|
<div>
|
|
<tiny-chart-wordcloud :data="chartData" :settings="chartSettings"></tiny-chart-wordcloud>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="jsx">
|
|
import { ref } from 'vue'
|
|
import { ChartWordcloud as TinyChartWordcloud } from '@opentiny/vue'
|
|
|
|
const rowsList = [
|
|
{
|
|
word: 'visualMap',
|
|
count: 22199
|
|
},
|
|
{
|
|
word: 'continuous',
|
|
count: 10288
|
|
},
|
|
{
|
|
word: 'contoller',
|
|
count: 620
|
|
},
|
|
{
|
|
word: 'series',
|
|
count: 274470
|
|
},
|
|
{
|
|
word: 'gauge',
|
|
count: 12311
|
|
},
|
|
{
|
|
word: 'detail',
|
|
count: 1206
|
|
},
|
|
{
|
|
word: 'piecewise',
|
|
count: 4885
|
|
},
|
|
{
|
|
word: 'textStyle',
|
|
count: 32294
|
|
},
|
|
{
|
|
word: 'markPoint',
|
|
count: 18574
|
|
},
|
|
{
|
|
word: 'pie',
|
|
count: 38929
|
|
},
|
|
{
|
|
word: 'roseType',
|
|
count: 969
|
|
},
|
|
{
|
|
word: 'label',
|
|
count: 37517
|
|
},
|
|
{
|
|
word: 'emphasis',
|
|
count: 12053
|
|
},
|
|
{
|
|
word: 'yAxis',
|
|
count: 57299
|
|
},
|
|
{
|
|
word: 'name',
|
|
count: 15418
|
|
},
|
|
{
|
|
word: 'type',
|
|
count: 22905
|
|
},
|
|
{
|
|
word: 'gridIndex',
|
|
count: 5146
|
|
},
|
|
{
|
|
word: 'normal',
|
|
count: 49487
|
|
},
|
|
{
|
|
word: 'itemStyle',
|
|
count: 33837
|
|
},
|
|
{
|
|
word: 'min',
|
|
count: 4500
|
|
},
|
|
{
|
|
word: 'silent',
|
|
count: 5744
|
|
},
|
|
{
|
|
word: 'animation',
|
|
count: 4840
|
|
},
|
|
{
|
|
word: 'offsetCenter',
|
|
count: 232
|
|
},
|
|
{
|
|
word: 'inverse',
|
|
count: 3706
|
|
},
|
|
{
|
|
word: 'borderColor',
|
|
count: 4812
|
|
},
|
|
{
|
|
word: 'markLine',
|
|
count: 16578
|
|
},
|
|
{
|
|
word: 'line',
|
|
count: 76970
|
|
},
|
|
{
|
|
word: 'radiusAxis',
|
|
count: 6704
|
|
},
|
|
{
|
|
word: 'radar',
|
|
count: 15964
|
|
},
|
|
{
|
|
word: 'data',
|
|
count: 60679
|
|
},
|
|
{
|
|
word: 'dataZoom',
|
|
count: 24347
|
|
},
|
|
{
|
|
word: 'tooltip',
|
|
count: 43420
|
|
},
|
|
{
|
|
word: 'toolbox',
|
|
count: 25222
|
|
},
|
|
{
|
|
word: 'geo',
|
|
count: 16904
|
|
},
|
|
{
|
|
word: 'parallelAxis',
|
|
count: 4029
|
|
}
|
|
]
|
|
|
|
// 设置词云图的颜色
|
|
const chartData = ref({
|
|
columns: ['word', 'count'],
|
|
rows: rowsList
|
|
})
|
|
const chartSettings = ref({
|
|
color: ['#ff0', '#00f', '#f00', '#0ff']
|
|
})
|
|
</script>
|