echarts-wordcloud绘制词云图之空串问题。

__HelloWorld__

于 2017-03-15 20:26:37 发布

阅读量9.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript echarts wordcloud webpack

本文链接：https://blog.csdn.net/kangkanglou/article/details/62236072

在使用echarts-wordcloud绘制词云图时，发现在生产环境上出现异常，词云显示不正常。问题根源在于JSON数据中存在空串且权重过大。通过分析源码，发现是webpack配置和数据处理的问题。解决方法包括过滤掉空串数据，或直接修改echarts-wordcloud和echarts源码后再打包。调整后，词云图显示恢复正常。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在使用echarts-wordcloud绘制词云图，在开发环境中表现算是正常，但部署到生产环境上来看，发现云图并非预期，按实际的业务场景，这些关键词至少都是有密度区分的，不应该会展示为这样。

仔细看了下返回JSON字串是这样的，后来想想应该是第一个空串有关，而且这个空串的出现权重非常大。

[
    {
        "name": "",
        "value": "6282"
    },
    {
        "name": "企业管理咨询",
        "value": "198"
    },
    {
        "name": "物业管理",
        "value": "180"
    },
    {
        "name": "商务信息咨询",
        "value": "174"
    },
    {
        "name": "企业形象策划",
        "value": "147"
    },
    {
        "name": "会议服务",
        "value": "123"
    },
    {
        "name": "展览展示服务",
        "value": "119"
    },
    {
        "name": "市场营销策划",
        "value": "106"
    },
    {
        "name": "批发和零售业",
        "value": "105"
    },
    {
        "name": "货物进出口",
        "value": "94"
    },
    {
        "name": "会务服务",
        "value": "92"
    },
    {
        "name": "房屋租赁",
        "value": "87"
    },
    {
        "name": "国内贸易",
        "value": "86"
    },
    {
        "name": "企业营销策划",
        "value": "76"
    },
    {
        "name": "投资管理",
        "value": "76"
    },
    {
        "name": "汽车租赁",
        "value": "74"
    },
    {
        "name": "货物及技术进出口",
        "value": "72"
    },
    {