You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2022/03/31 01:27:49 UTC

[GitHub] [echarts] 751974841 opened a new issue #16777: [Bug] map 2d some regions can not display the color which I accutally assign the value in production enviroment.

751974841 opened a new issue #16777:
URL: https://github.com/apache/echarts/issues/16777


   ### Version
   
   4.2.1
   
   ### Link to Minimal Reproduction
   
   _No response_
   
   ### Steps to Reproduce
   
   1. // 进行相关配置
         this.chartOption = {
           tooltip: {
             // 鼠标移到图里面的浮动提示框
             // formatter详细配置: https://echarts.baidu.com/option.html#tooltip.formatter
             formatter(params, ticket, callback) {
               // params.data 就是series配置项中的data数据遍历
               let localValue = 0,
                 perf = 0,
                 downloadSpeep,
                 usability,
                 point;
               if (params.data) {
                 localValue = params.data.count ? params.data.count : 0;
                 downloadSpeep = params.data.downloadSpeep;
                 usability = params.data.usability;
                 point = params.data.point;
               }
               let htmlStr = `
             <div style='font-size:18px;'> ${params.name}</div>
             <p style='text-align:left;margin-top:-4px;'>
                 项目数量:${localValue}<br/>
             </p>
           `;
               return htmlStr;
             },
             backgroundColor: "#ff7f50", //提示标签背景颜色
             textStyle: { color: "#fff" }, //提示标签字体颜色
           },
           visualMap: {
             show: false,
             bottom: 60,
             right: 200,
             text: ["高", "低"],
             //  min:0,
             //   precision:0,
             itemHeight: 200,
             color: [
               "#5475f5",
               "#9feaa5",
               "#85daef",
               "#74e2ca",
               "#e6ac53",
               "#9fb5ea",
             ],
           },
           // geo配置详解: https://echarts.baidu.com/option.html#geo
           geo: {
             // 地理坐标系组件用于地图的绘制
             map: "individualMap", // 表示中国地图 如果china会有南方诸岛
             roam: true, // 是否开启鼠标缩放和平移漫游
             zoom: 1.2, // 当前视角的缩放比例(地图的放大比例)
             label: {
               // show: true
             },
             itemStyle: {
               // 地图区域的多边形 图形样式。
               normal: {
                 //未选中的状态
                 borderColor: "tansparent",
                 areaColor: "#5dd5f0", //背景颜色
                 label: {
                   // show: true, //显示名称
                 },
               },
               emphasis: {
                 //选中的状态
                 // 高亮状态下的多边形和标签样式
                 shadowBlur: 20,
                 shadowColor: "rgba(0, 0, 0, 0.5)",
                 borderColor: "#fff",
                 areaColor: "#DA3A3A",
               },
             },
             regions: [
   
               {
                 name: "广东省",
                 itemStyle: {
                   areaColor: "red",
                    color: "red",
                  },
                },
             ],
           },
           series: [
             {
               name: "地图", // 浮动框的标题(上面的formatter自定义了提示框数据,所以这里可不写)
               type: "map",
               geoIndex: 0,
               label: {
                 show: true,
               },
               // 这是需要配置地图上的某个地区的数据,根据后台的返回的数据进行拼接
               data: [...this.mapInfo[this.type].data],
             },
           ],
         };
         2.
   
   ### Current Behavior
   
   1.it is normal in devlopment enviroment but it will be a problem in a production enviroment
   2. the  fitst picture shows the params and the second picture shows the map  in production enviroment 
   3. the final picture shows normally in development enviroment
   
   ![image](https://user-images.githubusercontent.com/63937022/160956684-60640129-30f8-4489-8e41-0e12e96f16aa.png)
   ![image](https://user-images.githubusercontent.com/63937022/160957308-17a62246-9bfc-41f3-a069-201b1dbe53ec.png)
   ![image](https://user-images.githubusercontent.com/63937022/160957630-ec482665-866d-46a8-bdaa-438bae0911cc.png)
   
   
   ### Expected Behavior
   
   1.I can normally distribute this in production enviroment
   
   ### Environment
   
   ```markdown
   - OS:window
   - Browser:chrome
   - Framework:vue ^2.6.10
   ```
   
   
   ### Any additional comments?
   
   _No response_


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] 751974841 commented on issue #16777: [Bug] map 2d some regions can not display the color which I accutally assign the value in production enviroment.

Posted by GitBox <gi...@apache.org>.
751974841 commented on issue #16777:
URL: https://github.com/apache/echarts/issues/16777#issuecomment-1083940222


   这是来自QQ邮箱的假期自动回复邮件。
    
   您好,我最近正在休假中,无法亲自回复您的邮件。我将在假期结束后,尽快给您回复。


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] echarts-bot[bot] commented on issue #16777: [Bug] map 2d some regions can not display the color which I accutally assign the value in production enviroment.

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #16777:
URL: https://github.com/apache/echarts/issues/16777#issuecomment-1083939635


   @751974841 It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
   <details><summary><b>TRANSLATED</b></summary><br>
   
   **BODY**
   
   ### Version
   
   4.2.1
   
   ### Link to Minimal Reproduction
   
   _No response_
   
   ### Steps to Reproduce
   
   1. // Make related configuration
         this.chartOption = {
           tooltip: {
             //Move the mouse to the floating prompt box in the picture
             // formatter detailed configuration: https://echarts.baidu.com/option.html#tooltip.formatter
             formatter(params, ticket, callback) {
               // params.data is the data traversal in the series configuration item
               let localValue = 0,
                 perf = 0,
                 downloadSpeep,
                 usability,
                 point;
               if (params.data) {
                 localValue = params.data.count ? params.data.count : 0;
                 downloadSpeep = params.data.downloadSpeep;
                 usability = params.data.usability;
                 point = params.data.point;
               }
               let htmlStr = `
             <div style='font-size:18px;'> ${params.name}</div>
             <p style='text-align:left;margin-top:-4px;'>
                 Number of items: ${localValue}<br/>
             </p>
           `;
               return htmlStr;
             },
             backgroundColor: "#ff7f50", //Background color of prompt label
             textStyle: { color: "#fff" }, //The font color of the prompt label
           },
           visualMap: {
             show: false,
             bottom: 60,
             right: 200,
             text: ["High", "Low"],
             // min:0,
             // precision:0,
             itemHeight: 200,
             color: [
               "#5475f5",
               "#9feaa5",
               "#85daef",
               "#74e2ca",
               "#e6ac53",
               "#9fb5ea",
             ],
           },
           // Detailed explanation of geo configuration: https://echarts.baidu.com/option.html#geo
           geo: {
             // The geographic coordinate system component is used for map drawing
             map: "individualMap", // Indicates the map of China. If China has the southern islands
             roam: true, // whether to enable mouse zoom and pan roaming
             zoom: 1.2, // the zoom ratio of the current viewing angle (the zoom ratio of the map)
             label: {
               // show: true
             },
             itemStyle: {
               // The polygon graphic style for the map area.
               normal: {
                 // unchecked state
                 borderColor: "tansparent",
                 areaColor: "#5dd5f0", //background color
                 label: {
                   // show: true, // show name
                 },
               },
               emphasis: {
                 //selected state
                 // Polygon and label styles in highlighted state
                 shadowBlur: 20,
                 shadowColor: "rgba(0, 0, 0, 0.5)",
                 borderColor: "#fff",
                 areaColor: "#DA3A3A",
               },
             },
             regions: [
   
               {
                 name: "Guangdong Province",
                 itemStyle: {
                   areaColor: "red",
                    color: "red",
                  },
                },
             ],
           },
           series: [
             {
               name: "Map", // The title of the floating box (the formatter above customizes the prompt box data, so it is not necessary to write it here)
               type: "map",
               geoIndex: 0,
               label: {
                 show: true,
               },
               // This is the data of a certain area on the map that needs to be configured, and spliced ​​according to the returned data in the background
               data: [...this.mapInfo[this.type].data],
             },
           ],
         };
         2.
   
   ### Current Behavior
   
   1.it is normal in devlopment enviroment but it will be a problem in a production enviroment
   2. the fitst picture shows the params and the second picture shows the map in production enviroment
   3. the final picture shows normally in development enviroment
   
   ![image](https://user-images.githubusercontent.com/63937022/160956684-60640129-30f8-4489-8e41-0e12e96f16aa.png)
   ![image](https://user-images.githubusercontent.com/63937022/160957308-17a62246-9bfc-41f3-a069-201b1dbe53ec.png)
   ![image](https://user-images.githubusercontent.com/63937022/160957630-ec482665-866d-46a8-bdaa-438bae0911cc.png)
   
   
   ### Expected Behavior
   
   1.I can normally distribute this in production enviroment
   
   ### Environment
   
   ````markdown
   - OS:window
   - Browser:chrome
   - Framework:vue^2.6.10
   ````
   
   
   ### Any additional comments?
   
   _No response_
   </details>


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] 751974841 removed a comment on issue #16777: [Bug] map 2d some regions can not display the color which I accutally assign the value in production enviroment.

Posted by GitBox <gi...@apache.org>.
751974841 removed a comment on issue #16777:
URL: https://github.com/apache/echarts/issues/16777#issuecomment-1083940222


   这是来自QQ邮箱的假期自动回复邮件。
    
   您好,我最近正在休假中,无法亲自回复您的邮件。我将在假期结束后,尽快给您回复。


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org