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 2020/12/16 14:33:53 UTC

[GitHub] [incubator-echarts] 100pah opened a new issue #13830: geo can not display after hidden.

100pah opened a new issue #13830:
URL: https://github.com/apache/incubator-echarts/issues/13830


   ### Version
   5.0.0
   
   ### Steps to reproduce
   ```js
                       var chart = echarts.init(document.getElementById('main'));
   
                       var option = {
                           aria: {
                               show: true
                           },
                           tooltip: {},
                           legend: {
                               orient: 'vertical',
                               left: 'left',
                               data:['categoryA','categoryB','categoryC']
                           },
                           visualMap: {
                               min: 0,
                               max: 1500,
                               left: 'left',
                               top: 'bottom',
                               text: ['High','Low'],
                               seriesIndex: [1, 2, 3],
                               inRange: {
                                   color: ['#006edd', '#e0ffff']
                               },
                               calculable : true
                           },
                           geo: {
                               map: 'china',
                               roam: true,
                               label: {
                                   normal: {
                                       show: true,
                                       textStyle: {
                                           color: 'rgba(0,0,0,0.4)'
                                       }
                                   }
                               },
                               itemStyle: {
                                   normal:{
                                       borderColor: 'rgba(0, 0, 0, 0.2)'
                                   },
                                   emphasis:{
                                       color: null,
                                       areaColor: null,
                                       shadowOffsetX: 0,
                                       shadowOffsetY: 0,
                                       shadowBlur: 20,
                                       borderWidth: 0,
                                       shadowColor: 'rgba(0, 0, 0, 0.5)'
                                   }
                               }
                           },
                           series : [
                              {
                                  name: 'pm2.5',
                                  type: 'scatter',
                                  coordinateSystem: 'geo',
                                  data: convertData(data),
                                  symbolSize: function (val) {
                                      return val[2] / 10;
                                  },
                                  label: {
                                      normal: {
                                          formatter: '{b}',
                                          position: 'right',
                                          show: false
                                      },
                                      emphasis: {
                                          show: true
                                      }
                                  },
                                  itemStyle: {
                                      normal: {
                                          color: '#ddb926'
                                      }
                                  }
                               },
   
                               {
                                   name: 'categoryA',
                                   type: 'map',
                                   geoIndex: 0,
                                   // tooltip: {show: false},
                                   markPoint: {
                                       data: [{
                                           coord: [115.97, 29.71]
                                       }]
                                   },
                                   data:[
                                       {name: '北京',value: Math.round(Math.random()*1000)},
                                       {name: '天津',value: Math.round(Math.random()*1000)},
                                       {name: '上海',value: Math.round(Math.random()*1000)},
                                       {name: '重庆',value: Math.round(Math.random()*1000)},
                                       {name: '河北',value: Math.round(Math.random()*1000)},
                                       {name: '河南',value: Math.round(Math.random()*1000)},
                                       {name: '云南',value: Math.round(Math.random()*1000)},
                                       {name: '辽宁',value: Math.round(Math.random()*1000)},
                                       {name: '黑龙江',value: Math.round(Math.random()*1000)},
                                       {name: '湖南',value: Math.round(Math.random()*1000)},
                                       {name: '安徽',value: Math.round(Math.random()*1000)},
                                       {name: '山东',value: Math.round(Math.random()*1000)},
                                       {name: '新疆',value: Math.round(Math.random()*1000)},
                                       {name: '江苏',value: Math.round(Math.random()*1000)},
                                       {name: '浙江',value: Math.round(Math.random()*1000)},
                                       {name: '江西',value: Math.round(Math.random()*1000)},
                                       {name: '湖北',value: Math.round(Math.random()*1000)},
                                       {name: '广西',value: Math.round(Math.random()*1000)},
                                       {name: '甘肃',value: Math.round(Math.random()*1000)},
                                       {name: '山西',value: Math.round(Math.random()*1000)},
                                       {name: '内蒙古',value: Math.round(Math.random()*1000)},
                                       {name: '陕西',value: Math.round(Math.random()*1000)},
                                       {name: '吉林',value: Math.round(Math.random()*1000)},
                                       {name: '福建',value: Math.round(Math.random()*1000)},
                                       {name: '贵州',value: Math.round(Math.random()*1000)},
                                       {name: '广东',value: Math.round(Math.random()*1000)},
                                       {name: '青海',value: Math.round(Math.random()*1000)},
                                       {name: '西藏',value: Math.round(Math.random()*1000)},
                                       {name: '四川',value: Math.round(Math.random()*1000)},
                                       {name: '宁夏',value: Math.round(Math.random()*1000)},
                                       {name: '海南',value: Math.round(Math.random()*1000)},
                                       {name: '台湾',value: Math.round(Math.random()*1000)},
                                       {name: '香港',value: Math.round(Math.random()*1000)},
                                       {name: '澳门',value: Math.round(Math.random()*1000)}
                                   ]
                               },
                               {
                                   name: 'categoryB',
                                   type: 'map',
                                   geoIndex: 0,
                                   data:[
                                       {name: '北京',value: Math.round(Math.random()*1000)},
                                       {name: '天津',value: Math.round(Math.random()*1000)},
                                       {name: '上海',value: Math.round(Math.random()*1000)},
                                       {name: '重庆',value: Math.round(Math.random()*1000)},
                                       {name: '河北',value: Math.round(Math.random()*1000)},
                                       {name: '安徽',value: Math.round(Math.random()*1000)},
                                       {name: '新疆',value: Math.round(Math.random()*1000)},
                                       {name: '浙江',value: Math.round(Math.random()*1000)},
                                       {name: '江西',value: Math.round(Math.random()*1000)},
                                       {name: '山西',value: Math.round(Math.random()*1000)},
                                       {name: '内蒙古',value: Math.round(Math.random()*1000)},
                                       {name: '吉林',value: Math.round(Math.random()*1000)},
                                       {name: '福建',value: Math.round(Math.random()*1000)},
                                       {name: '广东',value: Math.round(Math.random()*1000)},
                                       {name: '西藏',value: Math.round(Math.random()*1000)},
                                       {name: '四川',value: Math.round(Math.random()*1000)},
                                       {name: '宁夏',value: Math.round(Math.random()*1000)},
                                       {name: '香港',value: Math.round(Math.random()*1000)},
                                       {name: '澳门',value: Math.round(Math.random()*1000)}
                                   ]
                               },
                               {
                                   name: 'categoryC',
                                   type: 'map',
                                   geoIndex: 0,
                                   data:[
                                       {name: '北京',value: Math.round(Math.random()*1000)},
                                       {name: '天津',value: Math.round(Math.random()*1000)},
                                       {name: '上海',value: Math.round(Math.random()*1000)},
                                       {name: '广东',value: Math.round(Math.random()*1000)},
                                       {name: '台湾',value: Math.round(Math.random()*1000)},
                                       {name: '香港',value: Math.round(Math.random()*1000)},
                                       {name: '澳门',value: Math.round(Math.random()*1000)}
                                   ]
                               }
                           ]
                       };
   
                       chart.setOption(option);
   
                       chart.on('click', function (param) {
                           alert('asdf');
                       });
   
   
   
   
                       setTimeout(function () {
                           option.geo.id = Math.random();
                           option.geo.show = false;
                           chart.setOption(option, { notMerge: true });
   
                           setTimeout(function () {
                               option.geo.id = Math.random();
                               option.geo.show = true;
                               chart.setOption(option, { notMerge: true });
                           }, 2000);
                       }, 2000);
   
   ```
   
   ### What is expected?
     2000ms later, map hide.
     2000ms later, map display again.
   
   ### What is actually happening?
     2000ms later, map hide.
     2000ms later, map still hidden.
   
   <!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
   <!-- This issue is in English. DO NOT REMOVE -->


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

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] [incubator-echarts] susiwen8 commented on issue #13830: geo can not display after hidden.

Posted by GitBox <gi...@apache.org>.
susiwen8 commented on issue #13830:
URL: https://github.com/apache/incubator-echarts/issues/13830#issuecomment-746422377


   Same issue with https://github.com/apache/incubator-echarts/issues/12154 


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

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] [incubator-echarts] Yikun edited a comment on issue #13830: geo can not display after hidden.

Posted by GitBox <gi...@apache.org>.
Yikun edited a comment on issue #13830:
URL: https://github.com/apache/incubator-echarts/issues/13830#issuecomment-746444886


   I met the same question in v4.9.0, and solved it with workgroud:
   ```javascript
   option.geo.id=Math.random() + new Date().getTime()
   myChart.setOption(option, {notMerge: true})
   ```
   
   @JingyuanZhang @susiwen8 Thanks for your help!
   


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

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] [incubator-echarts] echarts-bot[bot] commented on issue #13830: geo can not display after hidden.

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


   Hi! We've received your issue and please be patient to get responded. 🎉
   The average response time is expected to be within one day for weekdays.
   
   In the meanwhile, please make sure that **you have posted enough image to demo your request**. You may also check out the [API](http://echarts.apache.org/api.html) and [chart option](http://echarts.apache.org/option.html) to get the answer.
   
   If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical question.
   
   If you are interested in the project, you may also subscribe our [mailing list](https://echarts.apache.org/en/maillist.html).
   
   Have a nice day! 🍵


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

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] [incubator-echarts] Yikun edited a comment on issue #13830: geo can not display after hidden.

Posted by GitBox <gi...@apache.org>.
Yikun edited a comment on issue #13830:
URL: https://github.com/apache/incubator-echarts/issues/13830#issuecomment-746444886


   I meet the same question in v4.9.0, and solved it with workgroud:
   ```javascript
   option.geo.id=Math.random() + new Date().getTime()
   myChart.setOption(option, {notMerge: true})
   ```
   
   @JingyuanZhang @susiwen8 Thanks for your help!
   


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

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] [incubator-echarts] Yikun edited a comment on issue #13830: geo can not display after hidden.

Posted by GitBox <gi...@apache.org>.
Yikun edited a comment on issue #13830:
URL: https://github.com/apache/incubator-echarts/issues/13830#issuecomment-746444886


   I met the same question in v4.9.0, and solved it with workgroud:
   ```javascript
   option.geo.id=Math.random() + new Date().getTime()
   myChart.setOption(option, {notMerge: true})
   ```
   
   @JingyuanZhang @100pah Thanks for your help!
   


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

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] [incubator-echarts] Yikun commented on issue #13830: geo can not display after hidden.

Posted by GitBox <gi...@apache.org>.
Yikun commented on issue #13830:
URL: https://github.com/apache/incubator-echarts/issues/13830#issuecomment-746444886


   I meet the same question in v4.9.0, and solved it with workgroud:
   ```javascript
   option.geo.id=Math.random() + new Date().getTime()
   ```
   
   @JingyuanZhang @susiwen8 Thanks for your help!
   


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

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] [incubator-echarts] Yikun edited a comment on issue #13830: geo can not display after hidden.

Posted by GitBox <gi...@apache.org>.
Yikun edited a comment on issue #13830:
URL: https://github.com/apache/incubator-echarts/issues/13830#issuecomment-746444886


   I met the same question in v4.9.0, and solved it with workgroud:
   ```javascript
   option.geo.id=Math.random() + new Date().getTime()
   myChart.setOption(option, {notMerge: true})
   ```
   
   @JingyuanZhang @susiwen8 @100pah Thanks for your help!
   


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

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