VChart
VChart copied to clipboard
VisActor
[Bug] WordCloud render error in 1.12.0 alpha version
Version
1.12.0-alpha.6
Link to Minimal Reproduction
none
Steps to Reproduce
- [ ] maskShape 为
geometric，将填充色设置为透明时，报错
maskShape: {
type: 'geometric',
shape: 'diamond',
fill: 'transparent'
},
- [ ] maskShape 为
type: text，文本为空时，报错
maskShape: {
type: 'text',
text: ''
// fill: 'transparent'
},
- [ ] maskShape 为
type: text，文本样式设置为斜体，部分会被剪切
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
