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/08/15 17:18:59 UTC

[GitHub] [echarts] pundavalli11 opened a new issue, #17521: Boxplots don't clip properly [Bug]

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

   ### Version
   
   5.3.3
   
   ### Link to Minimal Reproduction
   
   https://echarts.apache.org/examples/en/editor.html?code=CQOg7gFgpgdgFAKAARNAcygFzgJQPJ4AqA-gAoCChAEkgNRIDkA9ACYCGmbTbAzj1qw5cANgEsAZlAC0UAB4AHKAGNOMJQE8pnAEbCoIAFY8A9jAYBKADTJUIDJgDKSgE6j52GygYRMmeTwAuJiZxXkxhdUMeFigxADdnEBgBGHkAWyZlCDZnTB4pHlE0-T0tZzYYHnFjZwyWUR5MTKUHIpKoQnLK6tqQNNEYKIYbcwRzEBZTKDhxAFc1TFFTJDhnKB5zJABvG2d51fWAbQAGAF1zAG4EAF9LhDmFpZgkPfhicrAAESFNnZQsnJ5EBrNANTBQZydCpVGppODKVrFPRQ7qwkBsNBoEEcKB3FDGdxPJAAXm2niQ7E4_EwASQh3JKD-KGZKFELFpDA-DGsLJZJlmziUUFp7zYXyEDKQ1x5vKZvKQbI5hTUUGI6igOW5kpQ4mcxjS3ypWAAkuzGFyZfLMF0YbVafT5Sy5Y6UJh1IoOeJRMJwc4tS6WUpTF60LTnQGKUVYIVTByAJoav2WiNINDg2kARgAnABWY7a3nXAsoIsu06S6WS8PMxWMAZBtKqjFYqBoHH-x26_WG3gms0MZVCtWJjtWm09NL24tklNIN0exgItrI8ewgLN7Hg0cBoMwENh6cstY8WY-z5RypPQJ0w-ypAwNiNjn9MyWJBdyeMY1qfVQblIRtMAgYx-xfBgpWTWctnvR9hUYABFDN_w_DlvwbP830A4D-0Q8DK1nJ0YKfRhG3qCpkL1T8GDQ39_ywkDnygMizAg29CIfYiGHggBmCj9VQn9GzorBsI5Hi8MglNoI4uCGDSNhZD4qiaKEzCRIYkiFIktjmWk2COQAYWMeZrXUJTDOMmBTLwnTTkkl0sWM-QACF1AskznDM29SwDfCA2rK13Vkkxcm3F1d33GcCPqRtL1jBDePsx
 0ahiZwOV4JRhlnHyXRy3ly3lPK7PJRZwjg6twVkGkv0EqAkEHOrszzLLmT811jGMH03APMdRExCF0tkBowqQCKBjg61Zigck2qQWRyCG69qxkgT0JGmSABljCUDgnmfNkWD0dbYIAcTYeRaW445JJ4Ha9FpSbppZWb1AWhoet5edZJ28E0BqLznuTLFa2rbRjF8fikAzY580B8k9AwGAzWrfg9BUJiwwpLA2G9WlQmEfgpRm5MSo64QwdkD6UB4YCwAevYoGTSQOAFcrJUpNgAC0Os_AL329X0AFkQNkmAphauH5Q5gA1UQoDp7YXg1Fg8BgCI8bYAm6tmlB5NBJRCCCzGvvtBgxGSf8GG0TVTlY-Vj0wGpyp1-q2DiKByB4Y09edmabFm_hXHWKd5T5lbGApkpwZG10jYj4wFGEaOko56lTQ5etf2IDdW3bJLRHBNIHDde6ovCzqag5ABibQAA4lBzcQACYJcLJLYCDGIqcdSm6TkgZLdwt85KY0RyOH8Th_kxTiojNzGCMjyzKS1lC4AOX0vvF6szyGFngNHc6xYLr7sCJ6QqfR_HhLLenveCzyktJLDzeGBiThvRjuc44HH7fS_1OfYlT1lVOqTUSUeDqDSGDYQrQABecEABsSVD5dRPnzV0rh-ppTrIXVuktHTCDYNoWI3d5Q02MArR6K8kDyGMIURY8UGCO3kF_FAms-owA5HocQmA2FIHdrkUQd1yBiDQFwkiB0jo0L1JwdMSAszXWnNUKy8C4IZibg_fOhdi7qFLhg0aFccEMCriwGG5j8GtXbj-LuZce6rVojQ-eDBt7WRoUQkhwh4wjhoQXKAaQN6cQTOA6cqDj6m1cbvYewSkw1TWgVR0j8iYsgSdcK4ut1AGWyLkEA1I8CElMHAAkjCYB3GuEAA
   
   ### Steps to Reproduce
   
   Try the following option:
   
   <details>
   
   ```
   $.when(
     $.get(ROOT_PATH + '/data/asset/data/life-expectancy-table.json'),
     $.getScript(
       'https://fastly.jsdelivr.net/npm/echarts-simple-transform/dist/ecSimpleTransform.min.js'
     )
   ).done(function (res) {
     run(res[0]);
   });
   function run(_rawData) {
     echarts.registerTransform(ecSimpleTransform.aggregate);
     option = {
       dataset: [
         {
           id: 'raw',
           source: _rawData
         },
         {
           id: 'since_year',
           fromDatasetId: 'raw',
           transform: [
             {
               type: 'filter',
               config: {
                 dimension: 'Year',
                 gte: 1950
               }
             }
           ]
         },
         {
           id: 'income_aggregate',
           fromDatasetId: 'since_year',
           transform: [
             {
               type: 'ecSimpleTransform:aggregate',
               config: {
                 resultDimensions: [
                   { name: 'min', from: 'Income', method: 'min' },
                   { name: 'Q1', from: 'Income', method: 'Q1' },
                   { name: 'median', from: 'Income', method: 'median' },
                   { name: 'Q3', from: 'Income', method: 'Q3' },
                   { name: 'max', from: 'Income', method: 'max' },
                   { name: 'Country', from: 'Country' }
                 ],
                 groupBy: 'Country'
               }
             },
             {
               type: 'sort',
               config: {
                 dimension: 'Q3',
                 order: 'asc'
               }
             }
           ]
         }
       ],
       title: {
         text: 'Income since 1950'
       },
       tooltip: {
         trigger: 'axis',
         confine: true
       },
       xAxis: {
         name: 'Income',
         nameLocation: 'middle',
         nameGap: 30,
         scale: true
       },
       yAxis: {
         type: 'category'
       },
       grid: {
         bottom: 100
       },
       legend: {
         selected: { detail: false }
       },
       
       toolbox: {
       show: true,
       feature: {
         dataZoom: {
           filterMode: 'none'
         },
         dataView: { readOnly: false },
         magicType: { type: ['line', 'bar'] },
         restore: {},
         saveAsImage: {}
       }
     },
       series: [
         {
           name: 'boxplot',
           type: 'boxplot',
           datasetId: 'income_aggregate',
           itemStyle: {
             color: '#b8c5f2'
           },
           encode: {
             x: ['min', 'Q1', 'median', 'Q3', 'max'],
             y: 'Country',
             itemName: ['Country'],
             tooltip: ['min', 'Q1', 'median', 'Q3', 'max']
           }
         },
         {
           name: 'detail',
           type: 'scatter',
           datasetId: 'since_year',
           symbolSize: 6,
           tooltip: {
             trigger: 'item'
           },
           label: {
             show: true,
             position: 'top',
             align: 'left',
             verticalAlign: 'middle',
             rotate: 90,
             fontSize: 12
           },
           itemStyle: {
             color: '#d00000'
           },
           encode: {
             x: 'Income',
             y: 'Country',
             label: 'Year',
             itemName: 'Year',
             tooltip: ['Country', 'Year', 'Income']
           }
         }
       ]
     };
     myChart.setOption(option);
   }
   ```
   
   </details>
   
   2. Try to zoom in on a boxplot
   
   ### Current Behavior
   
   When a user zooms in on a boxplot with filterMode set to none, the boxplots go outside of the bounds of the chart. 
   
   ### Expected Behavior
   
   Boxplots should be clipped if they extend outside the bounds and boundaries of the chart, similar to line chart.
   
   ### Environment
   
   ```markdown
   - OS:
   - Browser:
   - Framework:
   ```
   
   
   ### Any additional comments?
   
   Relevant issue: https://github.com/apache/echarts/issues/11240


-- 
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] Ovilia commented on issue #17521: [Bug] Boxplots don't clip properly with data zoom

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

   According to [the doc](https://echarts.apache.org/en/option.html#dataZoom-inside.filterMode), `filterMode: 'none'` means intentionally don't clip any data. So this is not a bug. You can set it to be `'filter'` if needed.


-- 
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] ddt313 commented on issue #17521: [Bug] Boxplots don't clip properly with data zoom

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

   Hi @Ovilia, Can we add a clip option for the boxplot chart? Same with scatter, line, bar, lines, custom charts
   Relevant  https://github.com/apache/echarts/issues/11240


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