molihub commented on issue #17401:
URL: https://github.com/apache/echarts/issues/17401#issuecomment-2026715965

   As shown in the following code, if there are enough data series, the legend 
display will exceed the range controlled by the 'right' parameter. 
   ```javascript
   option = {
       "xAxis": {
           "type": "category",
           "name": "x",
           "axisLine": {
               "show": true
           },
       },
       "yAxis": {
           "type": "value",
           "name": "y",
           "axisLine": {
               "show": true
           },
       },
       "series": [{
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "1",
               "encode": {
                   "x": 0,
                   "y": 1
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "2",
               "encode": {
                   "x": 0,
                   "y": 2
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "3",
               "encode": {
                   "x": 0,
                   "y": 3
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "4",
               "encode": {
                   "x": 0,
                   "y": 4
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "5",
               "encode": {
                   "x": 0,
                   "y": 5
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "6",
               "encode": {
                   "x": 0,
                   "y": 6
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "7",
               "encode": {
                   "x": 0,
                   "y": 7
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "8",
               "encode": {
                   "x": 0,
                   "y": 8
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "9",
               "encode": {
                   "x": 0,
                   "y": 9
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "10",
               "encode": {
                   "x": 0,
                   "y": 10
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "11",
               "encode": {
                   "x": 0,
                   "y": 11
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "12",
               "encode": {
                   "x": 0,
                   "y": 12
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "13",
               "encode": {
                   "x": 0,
                   "y": 13
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "14",
               "encode": {
                   "x": 0,
                   "y": 14
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "15",
               "encode": {
                   "x": 0,
                   "y": 15
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "16",
               "encode": {
                   "x": 0,
                   "y": 16
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "17",
               "encode": {
                   "x": 0,
                   "y": 17
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "18",
               "encode": {
                   "x": 0,
                   "y": 18
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "19",
               "encode": {
                   "x": 0,
                   "y": 19
               }
           }, {
               "type": "line",
               "seriesLayoutBy": "row",
               "name": "20",
               "encode": {
                   "x": 0,
                   "y": 20
               }
           }
       ],
       "legend": {
           "type": "scroll",
           "left": 120,
           "right": 250,
       }
   };
   
   ``` 


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