echart绘制词云图 wordcloud

echart版本更新以后,不能直接识别series的type为wordcloud,从网上看到可以通过引入原min文件或js文件,但是没找到资源,于是后面看到另一种方法就是直接npm wordcloud包

步骤如下:

先下载

然后在使用的地方引入即可:

echart配置

legend设置显示名称和值和百分比

 legend: {
    itemWidth: 15,
    right: "10%",
    top: "middle",
    orient: "vertical",
    itemGap: 15,
    formatter: function (name) {
      var total = 0;
      for (var i = 0; i < topic_pie.series[0].data.length; i++) {
        total += topic_pie.series[0].data[i].value;
      }
      for (i = 0; i < topic_pie.series[0].data.length; i++) {
        var dpercent =
          ((topic_pie.series[0].data[i].value / total) * 100).toFixed(2) + "%";
        if (topic_pie.series[0].data[i].name === name) {
          //可以显示名称和值和百分比
          // return (
          //   name + "  " + topic_pie.series[0].data[i].value + "  " + dpercent
          // );
          //只显示名称和百分比
          return name + " " + dpercent;
        }
      }
    },
  },

你可能感兴趣的:(数据可视化,js,echarts,前端)