词云图不渲染

来源：8-7 词云图的基本用法

慕妹4110997

2023-05-29

"echarts": "4.7.0",
"echarts-wordcloud": "1.1.2",

<template>
    <div id="container"/>
</template>

<script>
  import 'echarts-wordcloud'

  export default {
    data () {
        return {}
    },
    mounted () {
      const data = [{
        name: '慕课网',
        value: 100
      }, {
        name: '数据可视化',
        value: 50
      }, {
        name: 'Sam',
        value: 25
      }]
      const chart = this.$echarts.init(document.getElementById('container'))
      chart.setOption({
        series: [{
          type: 'wordCloud',
          data
        }]
      })
    }
  }
</script>

<style lang="scss" scoped>
    .container {
    }
</style>

写回答

2回答