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/09/29 14:19:42 UTC

[GitHub] [echarts] zcg8633 opened a new issue, #17718: [Bug] linecharts with polar coordinateSystem cannot render two series data at the same time

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

   ### Version
   
   5.3.2
   
   ### Link to Minimal Reproduction
   
   _No response_
   
   ### Steps to Reproduce
   
   1 in a vue project
   
   2 here is the code 
     
     <template>
     <div id="app">
       <button @click="getChart"> getChart</button>
       <div id="test" style="width:1000px;height:800px"></div>
     </div>
   </template>
   
   <script>
   import * as echarts from 'echarts'
   
   export default {
     name: 'App',
     components: {},
     mounted() {
     },
     methods: {
       getChart() {
         const chart = echarts.init(document.getElementById('test'))
         const option = {
           polar: {},
           tooltip: {},
           angleAxis: {
             type: 'value',
             startAngle: 0,
             min: 0,
             max: 360
           },
           radiusAxis: {
             type: 'value',
             min: 0,
             max: 15000
           },
           series: [
             {
               type: 'line',
               coordinateSystem: 'polar',
               progressive: 0,
               showSymbol: false,
               itemStyle: {
                 color: '#00f1ff'
               },
               data: [
                 [
                   7071.0678,
                   44.99999980534056
                 ],
                 [
                   7092.788600000001,
                   44.314540028262414
                 ],
                 [
                   7115.5183,
                   43.63336196478728
                 ],
                 [
                   7139.2472,
                   42.956616875773065
                 ],
                 [
                   7163.9654,
                   42.284448573626364
                 ],
                 [
                   7189.662700000001,
                   41.61699399526021
                 ],
                 [
                   7216.3287,
                   40.954383202094085
                 ],
                 [
                   7243.952700000001,
                   40.29673823413836
                 ],
                 [
                   7272.5236,
                   39.644174828867655
                 ],
                 [
                   7302.0305,
                   38.99680242122083
                 ],
                 [
                   7332.4621,
                   38.35472185176983
                 ],
                 [
                   7363.8068,
                   37.718028231508654
                 ],
                 [
                   7396.053,
                   37.08680865002216
                 ],
                 [
                   7429.1891000000005,
                   36.46114504027504
                 ],
                 [
                   7463.203100000001,
                   35.8411107408651
                 ],
                 [
                   7498.0831,
                   35.226773360812125
                 ],
                 [
                   7533.8171,
                   34.61819477955802
                 ],
                 [
                   7570.393,
                   34.01542942809331
                 ],
                 [
                   7607.7986,
                   33.41852543487279
                 ],
                 [
                   7646.0217999999995,
                   32.827526344688884
                 ],
                 [
                   7685.0504,
                   32.242467680924904
                 ],
                 [
                   7724.8722,
                   31.66338152921736
                 ],
                 [
                   7765.4749,
                   31.090293099709246
                 ],
                 [
                   7806.8464,
                   30.523221872965596
                 ],
                 [
                   7848.974499999999,
                   29.962183891804674
                 ],
                 [
                   7891.8471,
                   29.407188896509
                 ],
                 [
                   7935.4521,
                   28.858242616656522
                 ],
                 [
                   7979.7776,
                   28.315344479289436
                 ],
                 [
                   8024.8115,
                   27.778492765534374
                 ],
                 [
                   8070.542100000001,
                   27.247678308066604
                 ],
                 [
                   8116.957599999999,
                   26.72289022068802
                 ],
                 [
                   8164.0462,
                   26.20411303353815
                 ],
                 [
                   8211.796400000001,
                   25.691327266051967
                 ],
                 [
                   8260.1967,
                   25.184510572875457
                 ],
                 [
                   8309.2358,
                   24.683637170907836
                 ],
                 [
                   8358.902399999999,
                   24.18867841225935
                 ],
                 [
                   8409.1855,
                   23.699602784251272
                 ],
                 [
                   8460.0739,
                   23.216375909415888
                 ],
                 [
                   8511.556799999998,
                   22.73896111845431
                 ],
                 [
                   8563.623599999999,
                   22.26731945023647
                 ],
                 [
                   8616.2637,
                   21.801409651801116
                 ],
                 [
                   8669.4665,
                   21.341187605398034
                 ],
                 [
                   8723.2219,
                   20.886609193276986
                 ],
                 [
                   8777.5196,
                   20.437626286983182
                 ],
                 [
                   8832.349600000001,
                   19.994190758061837
                 ],
                 [
                   8887.7022,
                   19.556253332142568
                 ],
                 [
                   8943.567500000001,
                   19.12376187006602
                 ],
                 [
                   8999.936099999999,
                   18.696663659715032
                 ],
                 [
                   9056.7986,
                   18.27490541601467
                 ],
                 [
                   9114.1456,
                   17.85843213501659
                 ],
                 [
                   9171.9682,
                   17.447188239814672
                 ],
                 [
                   9230.2573,
                   17.041118153502783
                 ],
                 [
                   9289.0043,
                   16.640164007343614
                 ],
                 [
                   9348.2004,
                   16.244269078515458
                 ],
                 [
                   9407.8372,
                   15.8533749253232
                 ],
                 [
                   9467.906299999999,
                   15.467422533113947
                 ],
                 [
                   9528.3997,
                   15.086354033150384
                 ],
                 [
                   9589.309200000002,
                   14.710109837821827
                 ],
                 [
                   9650.626900000001,
                   14.338630932475377
                 ],
                 [
                   9712.3452,
                   13.971858302458125
                 ],
                 [
                   9774.4565,
                   13.60973178720159
                 ],
                 [
                   9836.9533,
                   13.252192945010668
                 ],
                 [
                   9899.8283,
                   12.89918161531687
                 ],
                 [
                   9963.0743,
                   12.550639356425094
                 ],
                 [
                   10026.684,
                   12.206506580724643
                 ],
                 [
                   10090.652,
                   11.866725419478211
                 ],
                 [
                   10154.969000000001,
                   11.531236285075103
                 ],
                 [
                   10219.631,
                   11.199980735820219
                 ],
                 [
                   10284.629,
                   10.872902048891836
                 ],
                 [
                   10349.958999999999,
                   10.54994235555265
                 ],
                 [
                   10415.613,
                   10.231043214107556
                 ],
                 [
                   10481.586000000001,
                   9.916149620608222
                 ],
                 [
                   10547.872000000001,
                   9.605204279275132
                 ],
                 [
                   10614.463999999998,
                   9.298151613202164
                 ],
                 [
                   10681.358,
                   8.994936045483188
                 ],
                 [
                   10748.546,
                   8.695503145127661
                 ],
                 [
                   10816.025,
                   8.39979790818726
                 ],
                 [
                   10883.788,
                   8.107767622544824
                 ],
                 [
                   10951.831,
                   7.819358430167618
                 ],
                 [
                   11020.147,
                   7.534518191896279
                 ],
                 [
                   11088.733,
                   7.253194768571453
                 ],
                 [
                   11157.583,
                   6.975336021033787
                 ],
                 [
                   11226.690999999999,
                   6.700892101955096
                 ],
                 [
                   11296.055,
                   6.4298125910494175
                 ],
                 [
                   11365.668,
                   6.162047640988569
                 ],
                 [
                   11435.526,
                   5.897548550359964
                 ],
                 [
                   11505.625,
                   5.63626673234258
                 ],
                 [
                   11575.960000000001,
                   5.378154746030978
                 ],
                 [
                   11646.527,
                   5.123165551590177
                 ],
                 [
                   11717.323,
                   4.871252624847212
                 ],
                 [
                   11788.342,
                   4.622370243770034
                 ],
                 [
                   11859.580999999998,
                   4.376473259284385
                 ],
                 [
                   11931.035000000002,
                   4.133517209865362
                 ],
                 [
                   12002.702000000001,
                   3.8934582069458594
                 ],
                 [
                   12074.577,
                   3.656252992212344
                 ],
                 [
                   12146.656,
                   3.4218590521964187
                 ],
                 [
                   12218.936,
                   3.190234274500139
                 ],
                 [
                   12291.414,
                   2.9613374634580367
                 ],
                 [
                   12364.085000000001,
                   2.7351277671793186
                 ],
                 [
                   12436.947,
                   2.5115651359141045
                 ]
               ]
             },
             {
               type: 'line',
               coordinateSystem: 'polar',
               progressive: 0,
               showSymbol: false,
               itemStyle: {
                 color: 'red'
               },
               data: [
                 [
                   0,
                   0
                 ],
                 [
                   63.63961,
                   224.99999902670277
                 ],
                 [
                   127.27922000000001,
                   224.99999902670277
                 ],
                 [
                   190.91883,
                   224.99999902670277
                 ],
                 [
                   254.55844000000002,
                   224.99999902670277
                 ],
                 [
                   318.19804999999997,
                   224.99999902670277
                 ],
                 [
                   381.83766,
                   224.99999902670277
                 ],
                 [
                   445.47727000000003,
                   224.99999902670277
                 ],
                 [
                   509.11688000000004,
                   224.99999902670277
                 ],
                 [
                   572.75649,
                   224.99999902670277
                 ],
                 [
                   636.3960999999999,
                   224.99999902670277
                 ],
                 [
                   700.03571,
                   224.99999902670277
                 ],
                 [
                   763.67532,
                   224.99999902670277
                 ],
                 [
                   827.31493,
                   224.99999902670277
                 ],
                 [
                   890.9545400000001,
                   224.99999902670277
                 ],
                 [
                   954.59415,
                   224.99999902670277
                 ],
                 [
                   1018.2338,
                   224.99999902670277
                 ],
                 [
                   1081.8734000000002,
                   224.99999902670277
                 ],
                 [
                   1145.513,
                   224.99999902670277
                 ],
                 [
                   1209.1526,
                   224.99999902670277
                 ],
                 [
                   1272.7922,
                   224.99999902670277
                 ],
                 [
                   1336.4317999999998,
                   224.99999902670277
                 ],
                 [
                   1400.0714,
                   224.99999902670277
                 ],
                 [
                   1463.711,
                   224.99999902670277
                 ],
                 [
                   1527.3506,
                   224.99999902670277
                 ],
                 [
                   1590.9903000000002,
                   224.99999902670277
                 ],
                 [
                   1654.6299,
                   224.99999902670277
                 ],
                 [
                   1718.2694999999999,
                   224.99999902670277
                 ],
                 [
                   1781.9091,
                   224.99999902670277
                 ],
                 [
                   1845.5486999999998,
                   224.99999902670277
                 ],
                 [
                   1909.1883,
                   224.99999902670277
                 ],
                 [
                   1972.8279,
                   224.99999902670277
                 ],
                 [
                   2036.4675000000002,
                   224.99999902670277
                 ],
                 [
                   2100.1070999999997,
                   224.99999902670277
                 ],
                 [
                   2163.7468000000003,
                   224.99999902670277
                 ],
                 [
                   2227.3864,
                   224.99999902670277
                 ],
                 [
                   2291.026,
                   224.99999902670277
                 ],
                 [
                   2354.6656000000003,
                   224.99999902670277
                 ],
                 [
                   2418.3052,
                   224.99999902670277
                 ],
                 [
                   2481.9447999999998,
                   224.99999902670277
                 ],
                 [
                   2545.5844,
                   224.99999902670277
                 ],
                 [
                   2609.224,
                   224.99999902670277
                 ],
                 [
                   2672.8635999999997,
                   224.99999902670277
                 ],
                 [
                   2736.5032,
                   224.99999902670277
                 ],
                 [
                   2800.1429,
                   224.99999902670277
                 ],
                 [
                   2863.7825000000003,
                   224.99999902670277
                 ],
                 [
                   2927.4221,
                   224.99999902670277
                 ],
                 [
                   2991.0616999999997,
                   224.99999902670277
                 ],
                 [
                   3054.7013,
                   224.99999902670277
                 ],
                 [
                   3118.3409,
                   224.99999902670277
                 ],
                 [
                   3181.9804999999997,
                   224.99999902670277
                 ],
                 [
                   3245.6201,
                   224.99999902670277
                 ],
                 [
                   3309.2597,
                   224.99999902670277
                 ],
                 [
                   3372.8993,
                   224.99999902670277
                 ],
                 [
                   3436.5389999999998,
                   224.99999902670277
                 ],
                 [
                   3500.1785999999997,
                   224.99999902670277
                 ],
                 [
                   3563.8182,
                   224.99999902670277
                 ],
                 [
                   3627.4578,
                   224.99999902670277
                 ],
                 [
                   3691.0973999999997,
                   224.99999902670277
                 ],
                 [
                   3754.737,
                   224.99999902670277
                 ],
                 [
                   3818.3766,
                   224.99999902670277
                 ],
                 [
                   3882.0162,
                   224.99999902670277
                 ],
                 [
                   3945.6558,
                   224.99999902670277
                 ],
                 [
                   4009.2954,
                   224.99999902670277
                 ],
                 [
                   4072.9350999999997,
                   224.99999902670277
                 ],
                 [
                   4136.5747,
                   224.99999902670277
                 ],
                 [
                   4200.2143,
                   224.99999902670277
                 ],
                 [
                   4263.8539,
                   224.99999902670277
                 ],
                 [
                   4327.4935000000005,
                   224.99999902670277
                 ],
                 [
                   4391.1331,
                   224.99999902670277
                 ],
                 [
                   4454.7727,
                   224.99999902670277
                 ],
                 [
                   4518.4123,
                   224.99999902670277
                 ],
                 [
                   4582.0518999999995,
                   224.99999902670277
                 ],
                 [
                   4645.6916,
                   224.99999902670277
                 ],
                 [
                   4709.3312000000005,
                   224.99999902670277
                 ],
                 [
                   4772.9708,
                   224.99999902670277
                 ],
                 [
                   4836.6104,
                   224.99999902670277
                 ],
                 [
                   4900.25,
                   224.99999902670277
                 ],
                 [
                   4963.8895999999995,
                   224.99999902670277
                 ],
                 [
                   5027.5292,
                   224.99999902670277
                 ],
                 [
                   5091.1688,
                   224.99999902670277
                 ],
                 [
                   5154.8084,
                   224.99999902670277
                 ],
                 [
                   5218.448,
                   224.99999902670277
                 ],
                 [
                   5282.0877,
                   224.99999902670277
                 ],
                 [
                   5345.7273000000005,
                   224.99999902670277
                 ],
                 [
                   5409.3669,
                   224.99999902670277
                 ],
                 [
                   5473.0065,
                   224.99999902670277
                 ],
                 [
                   5536.6461,
                   224.99999902670277
                 ],
                 [
                   5600.285699999999,
                   224.99999902670277
                 ],
                 [
                   5663.9253,
                   224.99999902670277
                 ],
                 [
                   5727.5649,
                   224.99999902670277
                 ],
                 [
                   5791.2045,
                   224.99999902670277
                 ],
                 [
                   5854.8441,
                   224.99999902670277
                 ],
                 [
                   5918.4838,
                   224.99999902670277
                 ],
                 [
                   5982.1233999999995,
                   224.99999902670277
                 ],
                 [
                   6045.763,
                   224.99999902670277
                 ],
                 [
                   6109.4026,
                   224.99999902670277
                 ],
                 [
                   6173.0422,
                   224.99999902670277
                 ],
                 [
                   6236.6818,
                   224.99999902670277
                 ],
                 [
                   6300.3214,
                   224.99999902670277
                 ]
               ]
             }
           ]
         };
         chart.setOption(option)
       }
     }
   }
   </script>
   
   <style>
   #app {
     font-family: Avenir, Helvetica, Arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-align: center;
     color: #2c3e50;
     margin-top: 60px;
   }
   </style>
   
   
   ### Current Behavior
   
   render the blue line first and the red line second 
   
   ![click](https://user-images.githubusercontent.com/44219901/193056314-ceb62891-bcd1-420d-b585-ee25b445e8b5.gif)
   
   
   ### Expected Behavior
   
   render the two lines at the same time
   
   ### Environment
   
   ```markdown
   - OS:win10
   - Browser: chrome  105.0.5195.127
   - Framework: vue@2
   ```
   
   
   ### 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: 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