{"action":"created","issue":{"url":"https://api.github.com/repos/apache/incubator-echarts/issues/11240","repository_url":"https://api.github.com/repos/apache/incubator-echarts","labels_url":"https://api.github.com/repos/apache/incubator-echarts/issues/11240/labels{/name}","comments_url":"https://api.github.com/repos/apache/incubator-echarts/issues/11240/comments","events_url":"https://api.github.com/repos/apache/incubator-echarts/issues/11240/events","html_url":"https://github.com/apache/incubator-echarts/issues/11240","id":493979135,"node_id":"MDU6SXNzdWU0OTM5NzkxMzU=","number":11240,"title":"[feature] Add clip option for scatter, line, bar, lines, custom chart","user":{"login":"pissang","id":841551,"node_id":"MDQ6VXNlcjg0MTU1MQ==","avatar_url":"https://avatars1.githubusercontent.com/u/841551?v=4","gravatar_id":"","url":"https://api.github.com/users/pissang","html_url":"https://github.com/pissang","followers_url":"https://api.github.com/users/pissang/followers","following_url":"https://api.github.com/users/pissang/following{/other_user}","gists_url":"https://api.github.com/users/pissang/gists{/gist_id}","starred_url":"https://api.github.com/users/pissang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pissang/subscriptions","organizations_url":"https://api.github.com/users/pissang/orgs","repos_url":"https://api.github.com/users/pissang/repos","events_url":"https://api.github.com/users/pissang/events{/privacy}","received_events_url":"https://api.github.com/users/pissang/received_events","type":"User","site_admin":false},"labels":[{"id":92942606,"node_id":"MDU6TGFiZWw5Mjk0MjYwNg==","url":"https://api.github.com/repos/apache/incubator-echarts/labels/new-feature","name":"new-feature","color":"fd93c2","default":false}],"state":"open","locked":false,"assignee":{"login":"pissang","id":841551,"node_id":"MDQ6VXNlcjg0MTU1MQ==","avatar_url":"https://avatars1.githubusercontent.com/u/841551?v=4","gravatar_id":"","url":"https://api.github.com/users/pissang","html_url":"https://github.com/pissang","followers_url":"https://api.github.com/users/pissang/followers","following_url":"https://api.github.com/users/pissang/following{/other_user}","gists_url":"https://api.github.com/users/pissang/gists{/gist_id}","starred_url":"https://api.github.com/users/pissang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pissang/subscriptions","organizations_url":"https://api.github.com/users/pissang/orgs","repos_url":"https://api.github.com/users/pissang/repos","events_url":"https://api.github.com/users/pissang/events{/privacy}","received_events_url":"https://api.github.com/users/pissang/received_events","type":"User","site_admin":false},"assignees":[{"login":"pissang","id":841551,"node_id":"MDQ6VXNlcjg0MTU1MQ==","avatar_url":"https://avatars1.githubusercontent.com/u/841551?v=4","gravatar_id":"","url":"https://api.github.com/users/pissang","html_url":"https://github.com/pissang","followers_url":"https://api.github.com/users/pissang/followers","following_url":"https://api.github.com/users/pissang/following{/other_user}","gists_url":"https://api.github.com/users/pissang/gists{/gist_id}","starred_url":"https://api.github.com/users/pissang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pissang/subscriptions","organizations_url":"https://api.github.com/users/pissang/orgs","repos_url":"https://api.github.com/users/pissang/repos","events_url":"https://api.github.com/users/pissang/events{/privacy}","received_events_url":"https://api.github.com/users/pissang/received_events","type":"User","site_admin":false}],"milestone":null,"comments":2,"created_at":"2019-09-16T10:57:45Z","updated_at":"2019-09-16T11:32:53Z","closed_at":null,"author_association":"CONTRIBUTOR","body":"Currently we have overflow issue on the axis with fixed min/max. As described in the following issues.\r\n\r\n+ #11086 Bug with stack bar with min value\r\n+ #9200 Incorrectly render lines overflow the chart\r\n+ #10010 Scatters are rendered outside of grid when setting axis range\r\n+ #10224 Toolbox zoom returns chart in odd state\r\n\r\nThey are all related to the function of clipping the overflowed graphics.\r\n\r\nSo I'm planning to add a `clip` option in these series, whose default value is true. \r\n\r\nThe clipping strategy varies between series to achieve a good visual quality. For example:\r\n\r\n+ Scatter series will ignore the graphics whose centroid is outside the grid.\r\n+ Line series will use a rect clip path and let canvas do the clipping. But the symbol in line series will follow scatter series.\r\n+ Bar series will do an intersection operation with the grid rect.\r\n+ Custom series will also use a clip path to do the clipping. Since we can't sure what graphics will be used.\r\n\r\nQ: Why not use clip path for all series?\r\n\r\nA: Let canvas do clipping may cause visual artifacts on particular series. For example:\r\n\r\n+ It may cut the graphics into half.\r\n+ It may cause line along the edge looks thinner\r\n\r\nReference of highcharts. https://api.highcharts.com/highcharts/series.line.clip\r\n\r\n<!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->\r\n"},"comment":{"url":"https://api.github.com/repos/apache/incubator-echarts/issues/comments/531739379","html_url":"https://github.com/apache/incubator-echarts/issues/11240#issuecomment-531739379","issue_url":"https://api.github.com/repos/apache/incubator-echarts/issues/11240","id":531739379,"node_id":"MDEyOklzc3VlQ29tbWVudDUzMTczOTM3OQ==","user":{"login":"100pah","id":1956569,"node_id":"MDQ6VXNlcjE5NTY1Njk=","avatar_url":"https://avatars2.githubusercontent.com/u/1956569?v=4","gravatar_id":"","url":"https://api.github.com/users/100pah","html_url":"https://github.com/100pah","followers_url":"https://api.github.com/users/100pah/followers","following_url":"https://api.github.com/users/100pah/following{/other_user}","gists_url":"https://api.github.com/users/100pah/gists{/gist_id}","starred_url":"https://api.github.com/users/100pah/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/100pah/subscriptions","organizations_url":"https://api.github.com/users/100pah/orgs","repos_url":"https://api.github.com/users/100pah/repos","events_url":"https://api.github.com/users/100pah/events{/privacy}","received_events_url":"https://api.github.com/users/100pah/received_events","type":"User","site_admin":false},"created_at":"2019-09-16T11:32:53Z","updated_at":"2019-09-16T11:32:53Z","author_association":"MEMBER","body":"@Ovilia  \r\nWhich scenario the (B, displaying the part inside the grid) is needed for `scatter` and `line chart`? \r\nI've thought about it for a while but can not find some cases that are reasonable enough."}}
{"actor":{"display_login":"100pah"}}