Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
yao521521 opened this issue May 16, 2024 · 3 comments
Closed

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

yao521521 opened this issue May 16, 2024 · 3 comments
Labels
duplicate This issue or pull request already exists

Comments

@yao521521
Copy link

Environment

google与edge

Version

v16.20.2

Version

不知道如何查看最新稳定版

Link to minimal reproduction

https://github.com/opentiny/tiny-engine

Step to reproduce

20240516_144431.mp4

水球图配置代码

 {
          "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
Copy link

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
Copy link
Member

chilingling commented Jun 3, 2024

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

@Issues-translate-bot
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
duplicate This issue or pull request already exists
Projects
None yet
Development

No branches or pull requests

4 participants