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

关于#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 下图接收小电路,谁知道原理
  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线,如何释放宽带全部速度
  • ¥30 关于#r语言#的问题:如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
  • ¥15 ETLCloud 处理json多层级问题
  • ¥15 matlab中使用gurobi时报错
  • ¥15 这个主板怎么能扩出一两个sata口
  • ¥15 不是,这到底错哪儿了😭
  • ¥15 2020长安杯与连接网探