[GitHub] GibranLara opened a new issue #9166: Heat point disappears and states with the same name are selected.

[GitBox <gi...@apache.org>]

GibranLara opened a new issue #9166: Heat point disappears and states with the same name are selected.
URL: https://github.com/apache/incubator-echarts/issues/9166
 
 
   <!--
   为了方便我们能够复现和修复 bug，请遵从下面的规范描述您的问题。
   -->
   
   
   ### One-line summary [问题简述]
   
   1. - Heat point disappears when the cursor moves over the state. 
   2. - States with the same name are selected.
   
   
   
   ### Version & Environment [版本及环境]
   + ECharts version [ECharts 版本]: 4.2.0-rc.1
   + Browser version [浏览器类型和版本]: Google Chrome Versión 69.0.3497.100 (Build oficial) (64 bits)
   + OS Version [操作系统类型和版本]: Windows 10 Pro Version: 1709 Compilation 16299.665
   
   
   
   
   
   ### Expected behaviour [期望结果]
   
   1. It is expected that the surface will not overlap at the point of heat that is marked. Is it possible that it is due to the number of shapes that are drawn on the map?
   
   2. Is there any other attribute that allows to differentiate states with the same name? If I have two features with the same name, when one is selected, both highlight.
   
   
   ### ECharts option [ECharts配置项]
   <!-- Copy and paste your 'echarts option' here. -->
   <!-- [下方贴你的option，注意不要删掉下方 ```javascript 和 尾部的 ``` 字样。最好是我们能够直接运行的 option。如何得到能运行的 option 参见上方的 guidelines for contributing] -->
   ```javascript
   option = {
       title: {
           text: 'Mapa de calor', //Título principal del mapa
           subtext: 'Unidades de producción', //Subtítulo del mapa
           sublink: 'http://www.lahuerta.com.mx', //Link del subtítulo
           left: 'center',//Es la posición del mapa
           textStyle: {
               color: '#fff'// Aquí se le da el color el título 'Mapa de calor'
           }
       },
       backgroundColor: '#404a59',//Es el color del fondo excluyendo al trazo del mapa
   
       //Esta propiedad es tanto para el cálculo de los valores como para pintar las opciones en la parte inferior izquierda
       visualMap: {
           min: 0, //Este el valor mínimo del rango para pintar la regiones
           max: 1000, //Este es el valor máximo del rango para pintar las regiones
           splitNumber: 5, //Esta es las veces en las que se va a dividir el rango anterior
           inRange: {
               color: ['#d94e5d', '#eac736', '#50a3ba'].reverse() //Se saca el rango de los colores para hacer el efecto de degradación
           },
           textStyle: {
               color: '#fff' //Color del texto de los rangos
           }
       },
   
       //Se configura el mapa que va a utilizar, en este caso es el que se registro en ./js/maps/mexico.js
       geo: {
           map: 'mexmunicipios', //El nombre con el que se registro el mapa
           zoom: 0.5, //Zoom inicial al mapa
           // center: [-100.98561551896913, 23.205000490896193],
           label: {
               emphasis: {
                   show: true //Este es para mostrar el título de la región sobre la que se pasa el cursor 
               }
           },
           roam: true, //Es para permitir que se pueda navegar o hacer zoom en el mapa
           itemStyle: {
               normal: {
                   areaColor: '#323c48',
                   borderColor: '#111' //Este es el color del borde de cada una de las regiones
               },
               emphasis: {
                   areaColor: '#2a333d' //Este es para cambiar el color cuando se pasa el cursor encima de alguna región
               }
           }
       },
       series: [{
           name: 'AQI', //Nombre de la serie utilizado para mostrar información sobre herramientas, actualizar datos y configuración con setOption.
           type: 'heatmap', //Es el tipo de mapa que se va a mostrar, 
           coordinateSystem: 'geo', //El mapa de calor puede ser usado con dos tipos de sistemas de coordenadas; geográficas y rectangulares
           data: convertData([ //Se manda llamar la función convertData que es la que entrega la matriz de los datos que se van a usar en la serie
               { name: "Jesus Maria", value: 400 },
               { name: "Rancho Medio Kilo", value: 500 },
               { name: "Calvillo", value: 1000 }
           ])
       }]
   };
   
   ```
   
   
   
   
   ### Other comments [其他信息]
   <!-- For example: Screenshot or Online demo -->
   0. Complete map.
   ![01](https://user-images.githubusercontent.com/22408615/46563033-dce5e800-c8c4-11e8-8558-8c9b8f49a2ef.PNG)
   
   1. Mouse hover.
   ![02](https://user-images.githubusercontent.com/22408615/46563035-dfe0d880-c8c4-11e8-95db-11e934447410.gif)
   
   2. Same name property.
   ![03](https://user-images.githubusercontent.com/22408615/46563043-ec653100-c8c4-11e8-9f8d-770e00d93f28.gif)
   
   3. GeoJSON to write the map 
   
   
   
   
   
   
   <!-- [例如，截图或线上实例 (JSFiddle/JSBin/Codepen)] -->
   
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on 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


With regards,
Apache Git Services

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