MatthiasMert

it has to do with the [filterMode](https://echarts.apache.org/en/option.html#dataZoom-inside.filterMode) of the dataZoom component. If a datapoint is moved out of the grid it will be treated like it doesnt exist, thus the...

> Currently the filtering affects the first and last visible value in the graph. And that feels broken. filtering doesnt affect any visable values and the observed behaviour is not...

If [legend data](https://echarts.apache.org/en/option.html#legend.data) is not supplied it is populated with series names. So put one series per sport name and it will show up correctly. [Demo](https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=G4QwTgBOYCIgLiAzhAvBA2gKAhA3jrhAHYgC2ApgFwQDkASgPakA2AJo7QDSG5IAOjMPBq0AYo0bwARiBYtuvCEjngAnjQCMAOgDMANkIBfHrgJES5anQCyFJEgCWiiwKEi6EqbPkuiKlnUtPWNTfCVSSlEbWX5-Cj8-QWFRLxk5BTC-VTANCB0AJlDCcyJI61oAKSskROVkj1oAIWQAawp03yzlHLydTQBOYrMIq1EAQRZQMAoALzq3FLomxgAPR2IAcwXe4M1h8Ity0UrGAAtiJGYFhtEAcUYWADMdwNzggAYAdgPS3GPPBQ2BQZmAbu5RAAVCjEYiOWrdAJBCAfbQDACsxiwAF0ANxYLAAY2YSHgyhBjnsaEweKwTyEEAAFCwOhBHKgPri2QAeL64xwAagFAEpDuSwJSkNp-ABXJBnRl4AHQOCIJAYRzY7SLeBcCDwNTxUSyMF6tgIEA0DAYFUW9Wa7TlPW2tUarVI3LY7F6k13ED8GgAWk0RmF-KMBMY_HgjmY1NKq3G6yQND--sNFUJCAomyEajqIGTABkQNIKCxU0pcPSwGQEPAQTRQCwZRQ0AA-CDN1sQAV0Jm0XtQMCwO3aJ4bNiMxwNsgdtmzx1WNCodDdijC7UNIe0YW0JQR3AmQhqJPwysWA1Gujr_dHsIszYwtip498Cn2GhID9ILBGXFAA)

Depending on which features of the pie chart you are using you could use a [sunburst](https://echarts.apache.org/en/option.html#series-sunburst.nodeClick) with `nodeClick: 'link'` instead. [Example](https://echarts.apache.org/examples/en/editor.html?c=pie-simple&code=PYBwLglsB2AEC8sDeAoWszGAG0iAXMmuhgE4QDmFApqYQOQRjUC29xAvgDTEDOtEar0IBtYulQkS0AIYtqDAIIBjZUN6wAYqWBseU9GACeIBbHq8ArtABGl0rzD19B0jIAmES8PMBWAAwApM7i0sDu1ADC2BDKANYMMdBxIQaw7jJgMqKhUkiwAG4y2JZmAIz-ACwAHFywsvIMAMrUMqTKABawAKLQFBDQ1M6wSQnmHWBgIMIA9DPUnW1gvAB0MiAyndQrwKQU8wAeciDYQvPQ856YpCsTLNgA_MrwIIIAtLwQLCdDsNy5JHyRRKZgA7ABmXx1BpmegAEQgpAWTjqowYEyms3mi1IyzWGy2Oz2h2Op1450uTF2tzA9yeL3eNl2EVIACUPF5ePQ_i40kDiqVCL5qv5oXJYd0WDIINhhmjxpNpvg5gsOktVutNh1trt9tQjt8yRTqFdqXdHs9XtQ3u5gJYKB1oJYnDyARJCgKzDVKmLGuYAKrQKBwRTuLmogZjegYpUqnF4zWE3Ukw1nagXE1Um7m-lWt5q7AAMxtMGd3P-aXdwMFsHB_lF9XFDAAahAIsBYKHwyNI-jFVjVer8VqdcT9aS0xnTdnaRaGdaNu5FH1TuWAQBdXl_YjrlAcADcQA)

Seems like echarts sandbox is preventing the redirect in the example link. If you substitue the series in [this offical example](https://echarts.apache.org/examples/en/editor.html?c=pie-simple) by ``` { name: 'Access From', type: 'sunburst', radius:...

try setting [filterMode](https://echarts.apache.org/en/option.html#dataZoom-inside.filterMode) to `none`

By default echarts places a second xAxis at the top of the grid. All further xAxes need to placed manually by specifying the [offset](https://echarts.apache.org/en/option.html#xAxis.offset). [Example](https://echarts.apache.org/examples/en/editor.html?c=multiple-x-axis&code=MYewdgzgLgBAJgQygmBeGBtAUDGBvATwC4YBGABnIBoYAPUkgFgFYbaAmE09gOgDY2AZi492jAL5Uc-YjACc1OgxiCA7G05k-POQLrCY5Hs1WTphEgA5F9JqQ1c5OoSSONTU3BZiqbyxoIOMGI86vquoh7msnx-THJB7Lys4YY8llFessxxMMyBdJrspOkuaXJyZllMuXxhHCTsgqFlRnKkVTIkgrmqCYWNqjyMZSWkHZ5dwb0jAyol9QYlchKT3hRsynwpDcFOBbQGzZaVa7K17Inas4ckzOlRALoA3FigkLCgADYgAE4QaEwAHIAEZfBDAADWQJoQN-AFM4DCYKCvgBXeFAl5YLAgAAOUAAluBAXhpN8_iQKf9JgBzX6EuAkPBQfFcdjkTqIZAQeFQZkQEBo37AeEkbkITq0ACCtEJEBI2FwXjACAAtmKUQAxQn_WCy-XI1UagAyIGASGJYBIQNFYCg8N-RvV8IA4gg8d1FAg5RATYSwJq8F8A_CAMpQAhfIPUqkgH7_DDkR7iVOTFUum1h-HvOAwA0QZ2m82W8A2u0Op00Y1uj1emg--X-wPMkOBiNRmPxykwakQDCkFNp6QZjU2gAqAAtdXmC0X4WaLUSyyiK475-7PSpFCAAGa73n8nze33NoNt8OR6PM2O97uJ9hD8TSR6TAgF5k1m3v33zxel61V3he1106XkGXhBVMBHfAYNwSM8U1IELxhOD4CQBBDwASTAOB4VoVx02VGVfRwvCCMMIjcAgNUQBAKBJxIKBfgxKiYGA0A8OZNDcAooF6FQ5UhJgWQgQIIE0OfITOi8NCEKQlC2IlbDcPwwi0JI-UyLUsg2JouiGKYlj4TYjiQC42DhOIm0OEEqyRO_CSrKk5UZMs4T5JtRS0OUvltIo6gNILfzGj02j6MYmBmNYtCzIssl7LoGzBDsqzRPEySYJcx4sHEIA)

As a work around you could use [label formatting](https://echarts.apache.org/en/option.html#yAxis.axisLabel.formatter): ```javascript axisLabel: { ... , formatter: (value) => ' ' + value, } ``` [Example](https://echarts.apache.org/examples/zh/editor.html?c=line-simple&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXLANprrJnmxgCeIApkQOQBuAhgDYCu9TANJXJ4AFsADuRMACceggL5kAugPQ0c-IqSqoq6Wg2YBjNmHoBzYFJr9B6NrjwAZNgCN6HIjt3oI0U1PYPWAAGFW9YADNLAFsTfyIACkCeAEoEAD5YJnCc3N1sgGpYZPowqjky8gATEzZNW3ImQCg5QHdbQG1YwGwlQC5zQAs1QC65QEXPQACjQEhzQAU0wBtFQA_lGxzmlsA_c0AHeUBtt0AsBMBAeUAsOUBC70AwF0AKlUAj6PHp2fD5wDllQEAtQF35QEjtQFhzQEKlU5nKqnnAGodAeO1AQ_lAPYGQ0A9OZvc7eeaAZr9AC9-gJBYI-jVagDFEwC_NnDQZN3g10PNANHOgAAAwCK_oAdv2GCJxWUAlJokwAyEYBnRUAKgHg_IrQB5eoBDZQxgAh_1qASH-KXNAC-BgAA5Jksz6tDqAHgVSfCsRKkS1AF5mgDM5DaAPYzAPbxgDe5eVnRG41pNQD8eYBs-UAKXqAP5T9oKLoBaOUAv2r2wCLiYAiWMAM9qAQejABxKb1agAtzQBmtoAuZUAI3mAF0VAPexvsApCFbQAXCYrcYAQVwjvJafO2-2OdohgAq5QB8toAvvUAit6APujAIXRxwzAoVhupgC59cUN-ZUwALTh1APCGVcAhQGAX7k8_lAFrKgHrTQB-gS3KUxADhBgAS7KdzVqAGcVALAJgHrnW7k-vT1rXQDf2nLMQbdy1ANm2gHEbQD8RoAGdUA5XKAPwzAHepQ8lLUAB6aAc_1AATygCStbcnnMgAQKoA2UqAKe6WyAGbxgBh8bWr6NIAZQmAABRtaAJqmgBNAQB2JzIAX9HAoAV4GABVKgBoyoA3z6APt-cE7kuLSAEsWgBiKiBGFYcmWStIALEYdNmezwUaLSAGBKgDAeoCLGthxyrcbxWT2n8voDv6LSAClygBLkYAXOpxomrFMIAuyGADwWbSLhcgDIZrchkQq0gDMroAj_KAA82onToADabKmZ-RSoAc_6SdRFyANzKgDOPi5nyAFjGgB98QFSqAGKqvnDIAY2mAEdq8leRCWAAKIAMIAPIALJhbigBiikhOVZIAI04IYVTCAG-mgDHclSgD-8mVrT2sqAwdC8gBomoAoMpSUwjqAKJp4VbL0gAWioAwC4vNygDkmoAe_F1tMrT8YBFyABjygCTNoAkoqAGbaWkdFsgClxiBWlGfcfwYoAKB6AIvKVELRCgAHyoAHX7ig0ijyEoYRmFIEBVJ4ggiOIRARJweClIILjAGAYDANERAAMyhIIHD0BEYBELDVDgyARAAIwo-Q71mMISOwDDlSGDAYBsL4zhuEE0iyOgChyAA3EAA)

You can use `dataZoom: [{type: 'slider'}]`. [Example](https://echarts.apache.org/examples/en/editor.html?c=bar-gradient&code=DYUwLgBAJghmMEEAeBLAzhAvBA2gckE6HPAGgj0G_FEswR_Mq9AFbTsDQjOwUAC7ASOTsHBjOwCnU6gM8i6geR06gKDk6gRbs6gCqU6gX4C6gfE06gK8C5dQJT-dQHymdIqQp1aRxkZZH2Rrkd5GBR4UbFHJRmUflGlR1UY0vbT0DOkojUzJzMksyazJbMnsyRzJnMlcydzJPMm8yXzJ_MkC84KN9I0MycJo6aLxYvHi8RLxkvFS8dLxMvGy8XLx8vEK8YrxS4fKyfQBdAG4AKFBIWHgsXAAmLYAGUgBGAA4tw4BOA9ItgGYAFiuz_Yhr66frg6eDm9Jb29PnraXCCPQ63M5XD6HHaHF6kF73CAHM5HKHXKEAViueyxnxO5yBNwRWxBz1ecMhiO-EF-_2ugNIJIOYIhn2hiNhpIRSJRlLRlMxEB2TyFhzxiIuVzuDzeZOeFK-fJpcPpwM-zMF8rZBw58POPIVGJxRsRYqRBKlgpJLzemsVf2VQMZ6sBrP-2r5uvF-qpXwFQsWSwA9gAHMAoQMAO02AG8lhAIEhkOgAFwQWPx-PrGCprNJtDEOMZmCoNAAFRQAGMANap9MZ-NoAAWgYA7qmAGYwYBoECF-MAXwL9eL6AAMigIyBa32M03Wx2uz2Z4OZwAvVMfQsr-MATzzte30DgMAAWoHAwBbVM4aNgHfBqdkNDAFBQEAAJzw_cLcyHEB774oCAaDXjOdb1neD6pngABGMCfn-9ZZjmx7Lj-Sz9gsQA)

As a workaround you could trigger the legendselect event programmatically in some way: [Example](https://echarts.apache.org/examples/en/editor.html?c=dynamic-data2&code=GYVwdgxgLglg9mABAJwIZgCZwLYBFVSoAUAlIgN4BQiiYcA7ogLy0Cmj-UrRA1HYz0QJW-AJ4kA3NUQA3VABsQrZrIVLEggLIEAFgDo0mHKUQAqRACYAjIgC0iKwAYpNZKyghkSKjRphU2KwAXLQMelBwAMpQyDBgAOakADTSNHKKwYgA2qm-Wfx68e4AYiDy8gCarKjIyaH0he6aCFA6JoJWSfWNUJzcJAC6egBWcHFEAOQA9BMkKb6-2q0GcOAYROlKJLkD0gC-UnuU8u6IGASoKlkDUidQ9Spg7Ih9RFYAnO8A7F3vXQDMkmOp2EYhUFgALGZEP8AGyORzQpwI26nTbKFhLfSGLDYEzmZHOSjAODIRAbGqIGAqZxUxAAHgcCNpMB4PDIPjOFz0AAcQABnNo4nCcYgkIFHOA82AIFSc2BQE4hTk0LgADygIQmuFE_mwMAgLwuiAAZIgACowQKIACCapg_Im-3miAicHksB5ytyMRg8SKyC1qHtjpdNBJyGwBC4gcQoEgMqQRB5NQC_I5uRoKbQ2H5KmzaayjhumdUZPOXEez1eBdzej1rCBC1c7k8SdLNArrB6rzIPA7iGmEw0A6IXZ6zTArXaDj7A6HI-bvnHRSgpXKVRq7XniC1i6XiFr_L06KyVl2S6bvj2YcQwYdAAUxlPWLGVb50FaCPAwCFgAp-VYXIjhoG9pDVO0HW9BYoFEHlMgmWBAgmW9-R5eQYCgAAZOJMnfGhBQYP8AKAhYQMQMCaBOIpMGg3xCPoEIYiUZ1pFESD-To1U4IQ9EUNyAAjVZMBqUQAHFUC9bJHC6CZkQAUgmAZUPQzCcKeLj6J0Ii4xI4DWII18YFYTjslyfDaACBDilQABrZRRX4pcYAwLUrCc5tYPgrUMKeDyFgYyJRGwIT5GI-RANvTsLhCCtUGA28LK8hCIAFCJsH83wo2QWynziTUKAHT8o0TcLIoHflgtCrUIBgZAIBOTKFjikIcgPXwLKXdEaowiBbKag81S1d4AFZFKig9RBCEbHAHUCBwvZtyPmmhdgOShKEAqAAEkX2QdIiHjaAf3JDNw1Jck5DJakWBZBlEBGiQqTZM7l25QUYGAKBSBcN7CF5AUhXQXFRVIK9yOwUQAGEdBqKA9C2gB5aUfyId9ANiEzWtLTqqVcwd3Im6LCFii5S2WxBFr2CUumRIFKEhmG4b0BBJgag1-q6I7E3JI9XsZ2HkHhjAHRTKAIB0G1jtZ8hXR4nzWBojBdpkV9AMiVgTmgYdqcOSQgA)