🐛 [Bug]: 水球图词云图在画布中无法显示
Environment
google与edge
Version
v16.20.2
Version
不知道如何查看最新稳定版
Link to minimal reproduction
https://github.com/opentiny/tiny-engine
Step to reproduce
https://github.com/opentiny/tiny-engine/assets/90167238/092c00e3-6d48-4c1c-bcfc-b43f25b665b5
水球图配置代码
{
"name": {
"zh_CN": "水球图"
},
"component": "TinyChartLiquidfill",
"icon": "chart-liquidfill",
"description": "水球图",
"docUrl": "",
"screenshot": "",
"tags": "",
"keywords": "",
"devMode": "proCode",
"npm": {
"package": "@opentiny/vue",
"exportName": "ChartLiquidfill",
"version": "",
"destructuring": true
},
"group": "component",
"priority": 1,
"schema": {
"properties": [
{
"label": {
"zh_CN": "基础信息"
},
"description": {
"zh_CN": "基础信息"
},
"collapse": {
"number": 6,
"text": {
"zh_CN": "显示更多"
}
},
"content": [
{
"property": "data",
"label": {
"text": {
"zh_CN": "数据由指标和维度组成,“维度” 指的是数据的属性,“指标” 是量化衡量标准"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "双向绑定值"
},
"labelPosition": "left"
},
{
"property": "settings",
"label": {
"text": {
"zh_CN": "设置显示的指标维度"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "双向绑定值"
},
"labelPosition": "left"
},
{
"property": "extend",
"label": {
"text": {
"zh_CN": "设置显示的指标维度"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "双向绑定值"
},
"labelPosition": "left"
}
]
}
],
"events": {},
"slots": {}
},
"configure": {
"loop": true,
"condition": true,
"styles": true,
"isContainer": true,
"isModal": false,
"nestingRule": {
"childWhitelist": "",
"parentWhitelist": "",
"descendantBlacklist": "",
"ancestorWhitelist": ""
},
"isNullNode": false,
"isLayout": false,
"rootSelector": "",
"shortcuts": {
"properties": ["value", "disabled"]
},
"contextMenu": {
"actions": ["create symbol"],
"disable": ["copy", "remove"]
}
}
},
{
"name": {
"zh_CN": "水球图"
},
"icon": "chart-liquidfill",
"screenshot": "",
"snippetName": "TinyChartLiquidfill",
"schema": {
"componentName": "TinyChartLiquidfill",
"props": {
"data": {
"columns": ["city", "percent"],
"rows": [
{
"city": "上海",
"percent": 0.6
}
]
},
"settings": {},
"extend": {}
}
}
},
{
"name": {
"zh_CN": "词云图"
},
"component": "TinyChartWordcloud",
"icon": "chart-wordcloud",
"description": "词云图",
"docUrl": "",
"screenshot": "",
"tags": "",
"keywords": "",
"devMode": "proCode",
"npm": {
"package": "@opentiny/vue",
"exportName": "ChartWordcloud",
"version": "",
"destructuring": true
},
"group": "component",
"priority": 1,
"schema": {
"properties": [
{
"label": {
"zh_CN": "基础信息"
},
"description": {
"zh_CN": "基础信息"
},
"collapse": {
"number": 6,
"text": {
"zh_CN": "显示更多"
}
},
"content": [
{
"property": "data",
"label": {
"text": {
"zh_CN": "数据由指标和维度组成,“维度” 指的是数据的属性,“指标” 是量化衡量标准"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "双向绑定值"
},
"labelPosition": "left"
},
{
"property": "settings",
"label": {
"text": {
"zh_CN": "设置显示的指标维度"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "双向绑定值"
},
"labelPosition": "left"
},
{
"property": "extend",
"label": {
"text": {
"zh_CN": "设置显示的指标维度"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "双向绑定值"
},
"labelPosition": "left"
}
]
}
],
"events": {},
"slots": {}
},
"configure": {
"loop": true,
"condition": true,
"styles": true,
"isContainer": true,
"isModal": false,
"nestingRule": {
"childWhitelist": "",
"parentWhitelist": "",
"descendantBlacklist": "",
"ancestorWhitelist": ""
},
"isNullNode": false,
"isLayout": false,
"rootSelector": "",
"shortcuts": {
"properties": ["value", "disabled"]
},
"contextMenu": {
"actions": ["create symbol"],
"disable": ["copy", "remove"]
}
}
}
{
"name": {
"zh_CN": "词云图"
},
"icon": "chart-wordcloud",
"screenshot": "",
"snippetName": "TinyChartWordcloud",
"schema": {
"componentName": "TinyChartWordcloud",
"props": {
"data": {
"columns": ["word", "count"],
"rows": [
{
"word": "visualMap",
"count": 22199
},
{
"word": "continuous",
"count": 10288
},
{
"word": "contoller",
"count": 620
},
{
"word": "series",
"count": 274470
},
{
"word": "gauge",
"count": 12311
},
{
"word": "detail",
"count": 1206
},
{
"word": "piecewise",
"count": 4885
},
{
"word": "textStyle",
"count": 32294
},
{
"word": "markPoint",
"count": 18574
},
{
"word": "pie",
"count": 38929
},
{
"word": "roseType",
"count": 969
},
{
"word": "label",
"count": 37517
},
{
"word": "emphasis",
"count": 12053
},
{
"word": "yAxis",
"count": 57299
},
{
"word": "name",
"count": 15418
},
{
"word": "type",
"count": 22905
},
{
"word": "gridIndex",
"count": 5146
},
{
"word": "normal",
"count": 49487
},
{
"word": "itemStyle",
"count": 33837
},
{
"word": "min",
"count": 4500
},
{
"word": "silent",
"count": 5744
},
{
"word": "animation",
"count": 4840
},
{
"word": "offsetCenter",
"count": 232
},
{
"word": "inverse",
"count": 3706
},
{
"word": "borderColor",
"count": 4812
},
{
"word": "markLine",
"count": 16578
},
{
"word": "line",
"count": 76970
},
{
"word": "radiusAxis",
"count": 6704
},
{
"word": "radar",
"count": 15964
},
{
"word": "data",
"count": 60679
},
{
"word": "dataZoom",
"count": 24347
},
{
"word": "tooltip",
"count": 43420
},
{
"word": "toolbox",
"count": 25222
},
{
"word": "geo",
"count": 16904
},
{
"word": "parallelAxis",
"count": 4029
}
]
},
"settings": {},
"extend": {}
}
}
}
What is expected
canvas组件显示
What is actually happening
canvas组件没有显示
What is your project name
tiny-engine
Any additional comments (optional)
No response
Bot detected the issue body's language is not English, translate it automatically.
Title: 🐛 [Bug]: The water polo word cloud cannot be displayed in the canvas
与 #488 百度地图无法显示的问题一致。需要修改 component 和 exportName 字段为 ChartWordcloud。
@yao521521
Bot detected the issue body's language is not English, translate it automatically.
Consistent with #488 Baidu map cannot be displayed. The component and exportName fields need to be modified to ChartWordcloud.