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

   ### Version
   
   5.5.1
   
   ### Link to Minimal Reproduction
   
   https://codepen.io/Srikanth-Sangana/pen/ogvwbgv
   
   ### Steps to Reproduce
   
   Observe the options below and the rendered chart (see screenshot). The 
visual map configuration specifies pieces with gt: 45. However, both the range 
piece color and the out-of-range default color are being displayed. 
   
   Similarly, if gte: 45 is used instead of gt: 45, the value 45 should be 
included in the range piece color. However, in this case, both the range piece 
color and the out-of-range default color are still being displayed. For the 
data point with a value of 45, only the range piece color should be displayed.
   
   Options: 
   option = {
     title: {
       text: 'Line Chart with VisualMap',
       left: 'center',
     },
     tooltip: {
       trigger: 'axis',
     },
     grid: {
       left: '10%',
       right: '10%',
       bottom: '15%',
       containLabel: true,
     },
     xAxis: {
       type: 'category',
       boundaryGap: false,
       data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 
'Oct', 'Nov', 'Dec'],
       name: 'Month',
     },
     yAxis: {
       type: 'value',
       name: 'Value',
     },
     visualMap: {
       type: 'piecewise',
       show: true,
       position: 'top',
       orient: 'horizontal',
       scrollable: true, // Enables scrolling for many conditions
       itemWidth: 20,
       itemHeight: 16,
       pieces: [
         {
                       "gt": 45,
                       "color": "#dd005a",
                       "label": "≥ 23",
                       "max": 180
          }
       ],
        "outOfRange": {
                   "color": "#00ACDD"
       },
       calculable: true,
       textStyle: {
         fontSize: 12,
         color: '#000',
       },
       height: 100,
     },
     series: [
       {
         name: 'Data',
         type: 'line',
         data: [3, 12, 25, 45, 45, 45, 45, 101, 125, 145, 160, 175],
         lineStyle: {
           width: 2,
         },
       },
     ],
   };
   ![Visual 
Map](https://github.com/user-attachments/assets/b840a4e5-46f1-4a4e-b10a-d8910869caa9)
   
   
   ### Current Behavior
   
   Both the range visual map color and the default out-of-range color are being 
displayed for the value 45, especially when consecutive data points have the 
same value.
   
   When using **gt: 45**, the range piece color should not be applied to the 
data point with a value of 45. However, when using **gte: 45**, the line for 
the value 45 should be colored with the range piece color instead of the 
out-of-range color
   
   ### Expected Behavior
   
   The line for the value 45 should not display with both the range piece color 
and the out-of-range default color.
   
   ### Environment
   
   ```markdown
   - OS:
   - Browser:
   - Framework:
   ```
   
   
   ### 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: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to