VisActor / VChart

VChart, more than just a cross-platform charting library, but also an expressive data storyteller.
https://www.visactor.io/vchart
MIT License
906 stars 61 forks source link

[Bug] WordCloud render error in 1.12.0 alpha version #2998

Closed kkxxkk2019 closed 1 month ago

kkxxkk2019 commented 1 month ago

Version

1.12.0-alpha.6

Link to Minimal Reproduction

none

Steps to Reproduce

 maskShape: {
      type: 'text',
      text: ''
      // fill: 'transparent'
    },

image

 const spec = {
    type: 'wordCloud',
    color: ['#00295C', '#2568BD', '#9F9F9F', '#C5C5C5', '#00B0F0', '#4BCFFF', '#C2C2C2', '#D7D7D7'],
    region: [
      {
        id: 'region-0'
      }
    ],
    tooltip: {
      visible: true
    },
    random: false,
    maskShape: {
      type: 'text',
      text: 'LOVE',
      fontStyle: 'italic'
    },
    legends: {
      visible: false
    },
    data: [
      {
        id: '0',
        sourceKey: 'total',
        values: [
          {
            单词: '节日福利',
            词频: 6,
            颜色: '#CC0000',
            角度: '默认',
            重复: '否'
          },
          {
            单词: '五险',
            词频: 3,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '年度奖金',
            词频: 3,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '晋升机会',
            词频: 3,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '双休',
            词频: 2,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '轻松和谐氛围',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '扁平化管理',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '项目弹性工作时间',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '老板好沟通',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '团队强大',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '带薪年假',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '生日金贴',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '年度体检',
            词频: 2,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '提供平台',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '项目包住',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '新人专人带教',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '学习机会多',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '发展前景好',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '储备管理岗',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '五险餐费补贴带薪年假定期体检',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '项目工作就近原则分配',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '分红',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '住宿',
            词频: 2,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '员工聚餐',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '零食下午茶',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '建筑行业',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '装饰装修',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: '福建嘉立信建设有限公司',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '是'
          },
          {
            单词: ':mortar_board:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          },
          {
            单词: ':100:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          },
          {
            单词: ':beers:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          },
          {
            单词: ':heart:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          },
          {
            单词: ':balloon:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          },
          {
            单词: ':snowflake:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          },
          {
            单词: ':heart_eyes_cat:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          },
          {
            单词: ':balloon:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          },
          {
            单词: ':hearts:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          },
          {
            单词: ':mortar_board:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          },
          {
            单词: ':100:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          },
          {
            单词: ':coffee:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          },
          {
            单词: ':hamburger:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          },
          {
            单词: ':muscle:',
            词频: 1,
            颜色: '默认',
            角度: '默认',
            重复: '否'
          }
        ]
      }
    ],
    nameField: '单词',
    seriesField: '单词',
    valueField: '词频',
    wordMask: {
      style: {
        fillOpacity: 0.16
      },
      visible: true
    },
    labelLayout: 'region',
    markArea: [],
    markLine: [],
    width: 640,
    height: 360,
    background: 'transparent'
  };

Current Behavior

NAN

Expected Behavior

NAN

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

xile611 commented 1 month ago

fixed in 1.12.0