啊水水水啊 2023-01-20 21:07 采纳率: 65.2%
浏览 27
已结题

关于#echarts#词云图的问题,如何解决?

echarts绘制词云图,一直在报错,应该是版本的问题,但是已经换成了echarts.js的3版本,和wordcloud2.x的版本了,有没有成功运行的兄弟?能不能提供一下大家的echarts.js和wordcloud这两个js文件?

img


(function() {
  // 1. 实例化对象
  var myChart = echarts.init(document.querySelector(".map .chart"));
  // 2. 指定配置和数据
  // 2. 指定配置和数据
  // 基于准备好的dom,初始化echarts实例
  myChart.setOption({
    title: {
      text: ''
    },
    tooltip: {},
    series: [{
      type : 'wordCloud',  //类型为字符云
      shape:'smooth',  //平滑
      gridSize : 8, //网格尺寸
      size : ['50%','50%'],
      //sizeRange : [ 50, 100 ],
      rotationRange : [-45, 0, 45, 90], //旋转范围
      textStyle : {
        normal : {
          fontFamily:'微软雅黑',
          color: function() {
            return 'rgb(' +
                Math.round(Math.random() * 255) +
                ', ' + Math.round(Math.random() * 255) +
                ', ' + Math.round(Math.random() * 255) + ')'
          }
        },
        emphasis : {
          shadowBlur : 5,  //阴影距离
          shadowColor : '#333'  //阴影颜色
        }
      },
      left: 'center',
      top: 'center',
      right: null,
      bottom: null,
      width:'100%',
      height:'100%',
      data:[
        {"name": "帅","value": "756"},
        {"name": "太帅了","value": "701"},
        {"name": "超级帅","value": "622"},
        {"name": "超级无敌帅","value": "579"},
        {"name": "请叫我算术嘉","value": "525"},
        {"name": "python3.6","value": "479"},
        {"name": "Tensorflow2.0","value": "443"},
        {"name": "Django2.2","value": "386"},
        {"name": "Spring Boot","value": "345"},
        {"name": "单身狗","value": "327"},
        {"name": "天才和小可爱","value": "298"},
        {"name": "Pytorch1.0","value": "256"},
        {"name": "Casio","value": "213"},
        {"name": "波霸奶茶少冰七分糖","value": "188"},
        {"name": "Nginx","value": "178"},
        {"name": "可口可乐","value": "171"},
        {"name": "哈哈哈哈哈","value": "136"},
        {"name": "taishuaile","value": "114"},
        {"name": "请叫我算术嘉","value": "98"},
        {"name": "清风抽纸","value": "75"},
        {"name": "python","value": "46"},
        {"name": "NJUPT","value": "38"},
        {"name": "ArithmeticJia","value": "26"}],
    }]
  });

  // myChart.setOption(option);
  window.addEventListener("resize", function() {
    myChart.resize();
  });
})();
  • 写回答

2条回答 默认 最新

  • 「已注销」 2023-01-20 21:17
    关注
    1. 确认 echarts.js 和 wordcloud.js 文件的版本是否正确。
    1. 确认 echarts.js 和 wordcloud.js 文件是否能够正确的加载。你可以在浏览器的开发者工具中检查文件是否能够正确的加载。
    1. 确认你引用的 wordcloud 组件是否是 echarts 的官方组件。
    1. 你可以尝试在 echarts 官网下载示例代码来查看它是否能正确运行。

    若对您的问题有帮助,望采纳

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 1月21日
  • 已采纳回答 1月21日
  • 创建了问题 1月20日

悬赏问题

  • ¥15 怎么实现输入一个要删除的数后删除后显示剩余数再输入再删除显示剩余数(语言-c语言)
  • ¥35 引用csv数据文件(4列1800行),通过高斯-赛德尔法拟合曲线,在选取(每五十点取1点)数据,求该数据点的曲率中心。
  • ¥20 程序只发送0X01,串口助手显示不正确,配置看了没有问题115200-8-1-no,如何解决?
  • ¥15 Google speech command 数据集获取
  • ¥15 vue3+element-plus页面崩溃
  • ¥15 像这种代码要怎么跑起来?
  • ¥15 安卓C读取/dev/fastpipe屏幕像素数据
  • ¥15 pyqt5tools安装失败
  • ¥15 mmdetection
  • ¥15 nginx代理报502的错误