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]: 百度地图页面无显示,进度图页面报错 #488

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

🐛 [Bug]: 百度地图页面无显示,进度图页面报错 #488

yao521521 opened this issue May 16, 2024 · 7 comments
Labels
wontfix This will not be worked on

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_145904.mp4

百度地图代码

 {
          "name": {
            "zh_CN": "百度地图"
          },
          "component": "TinyBaiduMap",
          "icon": "chart-baidu-map",
          "description": "百度地图",
          "docUrl": "",
          "screenshot": "",
          "tags": "",
          "keywords": "",
          "devMode": "proCode",
          "npm": {
            "package": "@opentiny/vue",
            "exportName": "TinyBaiduMap",
            "version": "",
            "destructuring": true
          },
          "group": "component",
          "priority": 1,
          "schema": {
            "properties": [
              {
                "label": {
                  "zh_CN": "基础信息"
                },
                "description": {
                  "zh_CN": "基础信息"
                },
                "collapse": {
                  "number": 6,
                  "text": {
                    "zh_CN": "显示更多"
                  }
                },
                "content": [
                  {
                    "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": "series",
                    "label": {
                      "text": {
                        "zh_CN": "设置显示的指标维度"
                      }
                    },
                    "required": true,
                    "readOnly": false,
                    "disabled": false,
                    "cols": 12,
                    "widget": {
                      "component": "MetaCodeEditor",
                      "props": {
                        "language": "json"
                      }
                    },
                    "description": {
                      "zh_CN": "双向绑定值"
                    },
                    "labelPosition": "left"
                  },
                  {
                    "property": "tooltip",
                    "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-baidu-map",
              "screenshot": "",
              "snippetName": "TinyBaiduMap",
              "schema": {
                "componentName": "TinyBaiduMap",
                "props": {
                  "settings": {
                    "key": "oBvDtR6nzWtVchkY4cLHtnah1VVZQKRK",
                    "url": "https://api.map.baidu.com/api",
                    "bmap": {
                      "center": [120, 30],
                      "zoom": 14,
                      "roam": true,
                      "mapStyle": {}
                    }
                  },
                  "series": [
                    {
                      "type": "scatter",
                      "coordinateSystem": "bmap",
                      "data": [[120, 30, 1]]
                    }
                  ],
                  "tooltip": { "show": true }
                }
              }
            }

进度图代码

{
          "name": {
            "zh_CN": "进度图"
          },
          "component": "TinyChartProcess",
          "icon": "chart-process",
          "description": "进度图",
          "docUrl": "",
          "screenshot": "",
          "tags": "",
          "keywords": "",
          "devMode": "proCode",
          "npm": {
            "package": "@opentiny/vue",
            "exportName": "ChartProcess",
            "version": "",
            "destructuring": true
          },
          "group": "component",
          "priority": 1,
          "schema": {
            "properties": [
              {
                "label": {
                  "zh_CN": "基础信息"
                },
                "description": {
                  "zh_CN": "基础信息"
                },
                "collapse": {
                  "number": 6,
                  "text": {
                    "zh_CN": "显示更多"
                  }
                },
                "content": [
                  {
                    "property": "options",
                    "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-process",
              "screenshot": "",
              "snippetName": "TinyChartProcess",
              "schema": {
                "componentName": "TinyChartProcess",
                "props": {
                  "options": {
                    "name": "ProcessBarChart",
                    "theme": "light",
                    "padding": [32, 32, 0, 32],
                    "color": ["#fa2a2d", "#ff7500", "#ffbf00", "#41ba41", "#00aaee"],
                    "data": [
                      { "name": "UniEPMgr", "value": 80 },
                      { "name": "SMLoglic", "value": 65 },
                      { "name": "SSO", "value": 45 },
                      { "name": "APIMgr", "value": 20 },
                      { "name": "Logtransfer", "value": 12 }
                    ]
                  }
                }
              }
            }

What is expected

百度地图在canvas显示,进度图在canvas和页面显示

What is actually happening

未显示

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]: There is no display on the Baidu map page and an error is reported on the progress chart page.

@chilingling
Copy link
Member

chilingling commented May 27, 2024

@yao521521 我看了下 opentiny/vue 组件库 demo,opentiny/vue 组件库的 ChartProcess demo 也挂了。建议给 opentiny/vue 提 issue。

@Issues-translate-bot
Copy link

Bot detected the issue body's language is not English, translate it automatically.


@yao521521 I looked at the tinyvue component library demo, and the ChartProcess demo of the tinyvue component library also crashed. It is recommended to file an issue with tinyvue.

@chilingling chilingling added the wontfix This will not be worked on label May 27, 2024
@chilingling
Copy link
Member

@yao521521 跟 opentiny/vue 组件库的人沟通了下,该组件在 @opentiny/vue 3.15 才有的,需要将 @opentiny/vue 组件库指定为 3.15+

@Issues-translate-bot
Copy link

Bot detected the issue body's language is not English, translate it automatically.


@yao521521 communicated with the people in the opentiny/vue component library. This component is only available in @opentiny/vue 3.15. You need to specify the @opentiny/vue component library as 3.15+.

@chilingling
Copy link
Member

百度地图页面显示的问题,这样修改可以显示:

 {
          "name": {
            "zh_CN": "百度地图"
          },
          "component": "ChartBaiduMap",
          "icon": "chart-baidu-map",
          "description": "百度地图",
          "docUrl": "",
          "screenshot": "",
          "tags": "",
          "keywords": "",
          "devMode": "proCode",
          "npm": {
            "package": "@opentiny/vue",
            "exportName": "ChartBaiduMap",
            "version": "",
            "destructuring": true
          },
          "group": "component",
          "priority": 1,
          "schema": {
            "properties": [
              {
                "label": {
                  "zh_CN": "基础信息"
                },
                "description": {
                  "zh_CN": "基础信息"
                },
                "collapse": {
                  "number": 6,
                  "text": {
                    "zh_CN": "显示更多"
                  }
                },
                "content": [
                  {
                    "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": "series",
                    "label": {
                      "text": {
                        "zh_CN": "设置显示的指标维度"
                      }
                    },
                    "required": true,
                    "readOnly": false,
                    "disabled": false,
                    "cols": 12,
                    "widget": {
                      "component": "MetaCodeEditor",
                      "props": {
                        "language": "json"
                      }
                    },
                    "description": {
                      "zh_CN": "双向绑定值"
                    },
                    "labelPosition": "left"
                  },
                  {
                    "property": "tooltip",
                    "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-baidu-map",
              "screenshot": "",
              "snippetName": "ChartBaiduMap",
              "schema": {
                "componentName": "ChartBaiduMap",
                "props": {
                  "settings": {
                    "key": "oBvDtR6nzWtVchkY4cLHtnah1VVZQKRK",
                    "url": "https://api.map.baidu.com/api",
                    "bmap": {
                      "center": [120, 30],
                      "zoom": 14,
                      "roam": true,
                      "mapStyle": {}
                    }
                  },
                  "series": [
                    {
                      "type": "scatter",
                      "coordinateSystem": "bmap",
                      "data": [[120, 30, 1]]
                    }
                  ],
                  "tooltip": { "show": true }
                }
              }
            }

@yao521521

@Issues-translate-bot
Copy link

Bot detected the issue body's language is not English, translate it automatically.


Baidu map page display problem, this modification can display:

 {
          "name": {
            "zh_CN": "Baidu Map"
          },
          "component": "ChartBaiduMap",
          "icon": "chart-baidu-map",
          "description": "Baidu Map",
          "docUrl": "",
          "screenshot": "",
          "tags": "",
          "keywords": "",
          "devMode": "proCode",
          "npm": {
            "package": "@opentiny/vue",
            "exportName": "ChartBaiduMap",
            "version": "",
            "destructuring": true
          },
          "group": "component",
          "priority": 1,
          "schema": {
            "properties": [
              {
                "label": {
                  "zh_CN": "Basic information"
                },
                "description": {
                  "zh_CN": "Basic information"
                },
                "collapse": {
                  "number": 6,
                  "text": {
                    "zh_CN": "Show more"
                  }
                },
                "content": [
                  {
                    "property": "settings",
                    "label": {
                      "text": {
                        "zh_CN": "Data consists of indicators and dimensions. "Dimensions" refer to the attributes of the data, and "indicators" are quantitative measurement standards"
                      }
                    },
                    "required": true,
                    "readOnly": false,
                    "disabled": false,
                    "cols": 12,
                    "widget": {
                      "component": "MetaCodeEditor",
                      "props": {
                        "language": "json"
                      }
                    },
                    "description": {
                      "zh_CN": "Two-way binding value"
                    },
                    "labelPosition": "left"
                  },
                  {
                    "property": "series",
                    "label": {
                      "text": {
                        "zh_CN": "Set the displayed indicator dimensions"
                      }
                    },
                    "required": true,
                    "readOnly": false,
                    "disabled": false,
                    "cols": 12,
                    "widget": {
                      "component": "MetaCodeEditor",
                      "props": {
                        "language": "json"
                      }
                    },
                    "description": {
                      "zh_CN": "Two-way binding value"
                    },
                    "labelPosition": "left"
                  },
                  {
                    "property": "tooltip",
                    "label": {
                      "text": {
                        "zh_CN": "Set the displayed indicator dimensions"
                      }
                    },
                    "required": true,
                    "readOnly": false,
                    "disabled": false,
                    "cols": 12,
                    "widget": {
                      "component": "MetaCodeEditor",
                      "props": {
                        "language": "json"
                      }
                    },
                    "description": {
                      "zh_CN": "Two-way binding value"
                    },
                    "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": "Baidu Map"
              },
              "icon": "chart-baidu-map",
              "screenshot": "",
              "snippetName": "ChartBaiduMap",
              "schema": {
                "componentName": "ChartBaiduMap",
                "props": {
                  "settings": {
                    "key": "oBvDtR6nzWtVchkY4cLHtnah1VVZQKRK",
                    "url": "https://api.map.baidu.com/api",
                    "bmap": {
                      "center": [120, 30],
                      "zoom": 14,
                      "roam": true,
                      "mapStyle": {}
                    }
                  },
                  "series": [
                    {
                      "type": "scatter",
                      "coordinateSystem": "bmap",
                      "data": [[120, 30, 1]]
                    }
                  ],
                  "tooltip": { "show": true }
                }
              }
            }

@yao521521

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
wontfix This will not be worked on
Projects
None yet
Development

No branches or pull requests

4 participants