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/06/17 12:42:15 UTC

[GitHub] [echarts] gladcome opened a new issue, #17240: [Feature] 折线图展示左右两边都为null的孤点

gladcome opened a new issue, #17240:
URL: https://github.com/apache/echarts/issues/17240

   ### What problem does this feature solve?
   
   ![image](https://user-images.githubusercontent.com/29578199/174300135-0e3ef969-058b-4ded-b15a-808bdedb7c14.png)
   这种点，配置项该如何配置呢
   设置symbol似乎无法完成想要的效果
   
   ### What does the proposed API look like?
   
   ![Uploading image.png…]()
   


-- 
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.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] akiozhang commented on issue #17240: [Feature] 折线图展示左右两边都为null的孤点

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

   使用showSymbol: true 和 showAllSymbol: true 将所有数据点全部绘制,然后使用itemStyle: {opacity: 0}隐藏,  独立的无法连线的数据点设置为{value: **, itemStyle: {opacity: 1}} 其余数据点配置高亮状态,即可！！！
   
   emphasis: {
       itemStyle: {
         opacity: 1
       }
     }
   
   
   缺点： 性能问题
   
   数据量较大，tooltip渲染会因为showAllSymbol属性变得很差
   
   期望有办法可以解决


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

Re: [I] [Feature] 折线图展示左右两边都为null的孤点 [echarts]

Posted by "github-actions[bot] (via GitHub)" <gi...@apache.org>.
github-actions[bot] commented on issue #17240:
URL: https://github.com/apache/echarts/issues/17240#issuecomment-3764342086

   This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!


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

Re: [I] [Feature] 折线图展示左右两边都为null的孤点 [echarts]

Posted by "NAN0916 (via GitHub)" <gi...@apache.org>.
NAN0916 commented on issue #17240:
URL: https://github.com/apache/echarts/issues/17240#issuecomment-1886746828

   解决方案：  echarts3.8.5版本可以
   利用markPoint
   如果数值前后都是null 手动往markPoint 添加点 


-- 
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] akiozhang commented on issue #17240: [Feature] 折线图展示左右两边都为null的孤点

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

   解决方案：
   1. 通过 [dispatchAction](https://echarts.apache.org/zh/api.html#echartsInstance.dispatchAction) 触发
   首先计算出图表中需要高亮的数据点的dataIndex，作为数组触发highlight这个action
   然后监听chart.on('downplay', (params) => {
   /* 
   * 在这里通过params中的dataIndex判断是否是需要持续高亮的数据点
   * 将持续高亮的数据点再一次通过highlight点亮symbol
   * 如果有hidetip等影响symbol显示操作，需要在finished方法中设置相同的高亮symbol动作
   * 使用了finished方法后最好加锁，能够在影响symbol显示的方法中解锁即可
   */
   })
   效果如下：
   ![image](https://user-images.githubusercontent.com/29578199/183558215-27b6d1dd-f20c-4638-a867-58300d17c2e9.png)
   如有需要请联系


-- 
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 #17240: [Feature] 折线图展示左右两边都为null的孤点

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

   @gladcome 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>
   
   **TITLE**
   
   [Feature] The line chart shows the solitary points where the left and right sides are both null
   
   **BODY**
   
   ### What problem does this feature solve?
   
   ![image](https://user-images.githubusercontent.com/29578199/174300135-0e3ef969-058b-4ded-b15a-808bdedb7c14.png)
   At this point, how to configure the configuration item?
   Setting the symbol doesn't seem to accomplish the desired effect
   
   ### What does the proposed API look like?
   
   ![Uploading image.png…]()
   </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] akiozhang commented on issue #17240: [Feature] 折线图展示左右两边都为null的孤点

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

   介绍一下目前的场景
   1. 数据量较大，且第一时间不需要展示 所以 showSymbol设置为false，由于存在空点（值为null），如果左右皆为null则看不到这个点
   2. 鼠标hover状态需展示symbol,设置x轴axisPointer展示
   3. 由于以上两点，导致某些左右皆为null的点无法展示，目前似乎没发单独为数据中的某个点设置symbol展示
   发一下之前看到的类似场景：https://github.com/apache/echarts/issues/4748


-- 
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] gladcome commented on issue #17240: [Feature] 折线图展示左右两边都为null的孤点

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

   期望是不用hover也可以显示这样的效果


-- 
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] gladcome commented on issue #17240: [Feature] 折线图展示左右两边都为null的孤点

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

   > symbolSize 支持回调函数的
   
   似乎并不能完成想要的效果
   ![image](https://user-images.githubusercontent.com/29578199/174936768-cd6ccece-efad-4789-831d-57017a18d3d1.png)
   


-- 
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] Ovilia commented on issue #17240: [Feature] 折线图展示左右两边都为null的孤点

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

   `showSymbol: false` 当然没有啦。这样：
   
   ```js
   option = {
     xAxis: {
       type: 'category',
       data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
     },
     yAxis: {
       type: 'value'
     },
     series: [
       {
         data: [150, 230, null, {value: 123, isDouble: true}, null, 147, 260],
         type: 'line',
         symbolSize: (data, param) => {
           return param.data && param.data.isDouble ? 20 : 0
         }
       }
     ]
   };
   ```


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

Re: [I] [Feature] 折线图展示左右两边都为null的孤点 [echarts]

Posted by "github-actions[bot] (via GitHub)" <gi...@apache.org>.
github-actions[bot] commented on issue #17240:
URL: https://github.com/apache/echarts/issues/17240#issuecomment-3733552673

   This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.


-- 
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] Ovilia commented on issue #17240: [Feature] 折线图展示左右两边都为null的孤点

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

   symbolSize 支持回调函数的


-- 
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] gladcome commented on issue #17240: [Feature] 折线图展示左右两边都为null的孤点

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

   @Ovilia 系列数据是data: [null, 3, null, 1,1,1,1,1,1]，这样的情况下，希望3这个点能够默认展示为高亮，其余点hover高亮，目前的情况是3这个点没有hover的时候看不出是否存在


-- 
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] Ovilia commented on issue #17240: [Feature] 折线图展示左右两边都为null的孤点

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

   这个数据在系列中应该为 null，然后在另一个系列中只放这个数据点


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

Re: [I] [Feature] 折线图展示左右两边都为null的孤点 [echarts]

Posted by "github-actions[bot] (via GitHub)" <gi...@apache.org>.
github-actions[bot] closed issue #17240: [Feature] 折线图展示左右两边都为null的孤点
URL: https://github.com/apache/echarts/issues/17240


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