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