🐛 [Bug]: 水球图词云图在画布中无法显示

[yao521521]

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

[Issues-translate-bot]

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

[chilingling]

与 #488 百度地图无法显示的问题一致。需要修改 component 和 exportName 字段为 ChartWordcloud。 @yao521521

[Issues-translate-bot]

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.