{"action":"created","issue":{"url":"https://api.github.com/repos/apache/incubator-echarts/issues/9198","repository_url":"https://api.github.com/repos/apache/incubator-echarts","labels_url":"https://api.github.com/repos/apache/incubator-echarts/issues/9198/labels{/name}","comments_url":"https://api.github.com/repos/apache/incubator-echarts/issues/9198/comments","events_url":"https://api.github.com/repos/apache/incubator-echarts/issues/9198/events","html_url":"https://github.com/apache/incubator-echarts/issues/9198","id":368929694,"node_id":"MDU6SXNzdWUzNjg5Mjk2OTQ=","number":9198,"title":"Line Chart sometimes doesn't render properly.","user":{"login":"syntacticsolutions","id":20173897,"node_id":"MDQ6VXNlcjIwMTczODk3","avatar_url":"https://avatars0.githubusercontent.com/u/20173897?v=4","gravatar_id":"","url":"https://api.github.com/users/syntacticsolutions","html_url":"https://github.com/syntacticsolutions","followers_url":"https://api.github.com/users/syntacticsolutions/followers","following_url":"https://api.github.com/users/syntacticsolutions/following{/other_user}","gists_url":"https://api.github.com/users/syntacticsolutions/gists{/gist_id}","starred_url":"https://api.github.com/users/syntacticsolutions/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/syntacticsolutions/subscriptions","organizations_url":"https://api.github.com/users/syntacticsolutions/orgs","repos_url":"https://api.github.com/users/syntacticsolutions/repos","events_url":"https://api.github.com/users/syntacticsolutions/events{/privacy}","received_events_url":"https://api.github.com/users/syntacticsolutions/received_events","type":"User","site_admin":false},"labels":[{"id":1036422944,"node_id":"MDU6TGFiZWwxMDM2NDIyOTQ0","url":"https://api.github.com/repos/apache/incubator-echarts/labels/missing-info","name":"missing-info","color":"eeeeee","default":false},{"id":370414861,"node_id":"MDU6TGFiZWwzNzA0MTQ4NjE=","url":"https://api.github.com/repos/apache/incubator-echarts/labels/pending","name":"pending","color":"d4c5f9","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-10-11T02:44:53Z","updated_at":"2018-10-11T17:12:44Z","closed_at":null,"author_association":"NONE","body":"<!--\r\n为了方便我们能够复现和修复 bug，请遵从下面的规范描述您的问题。\r\n-->\r\n\r\n\r\n### One-line summary [问题简述]\r\n\r\nLine Chart sometimes doesn't render properly\r\n\r\n![screen shot 2018-10-10 at 7 40 01 pm](https://user-images.githubusercontent.com/20173897/46777538-9c231000-ccc4-11e8-9c09-5647e8fba7f8.png)\r\n\r\n\r\n\r\n\r\n### Version & Environment [版本及环境]\r\n+ ECharts version [ECharts 版本]: 4.1.0\r\n+ Browser version [浏览器类型和版本]: Latest Chrome\r\n+ OS Version [操作系统类型和版本]: Latest High Sierra\r\n\r\n\r\n\r\n\r\n\r\n### Expected behaviour [期望结果]\r\n\r\nAll of the bars should be full and extend from the bottom to the top of it's value.\r\n\r\n\r\n\r\n\r\n\r\n### ECharts option [ECharts配置项]\r\n<!-- Copy and paste your 'echarts option' here. -->\r\n<!-- [下方贴你的option，注意不要删掉下方 ```javascript 和 尾部的 ``` 字样。最好是我们能够直接运行的 option。如何得到能运行的 option 参见上方的 guidelines for contributing] -->\r\n```javascript\r\n            let option = {\r\n                tooltip: this.tooltip,\r\n                // title: _.extend({ text: this.contents.title }, this.title),\r\n                legend: this.contents.origLegend ? {\r\n                    data: this.contents.yVals,\r\n                    itemWidth: 20,\r\n                    width: this.contents.report ? 1000 : '100%',\r\n                    bottom: this.contents.report ? 24 : this.contents.origLegend ? null : -7,\r\n                    top: this.contents.origLegend ? -4 : null,\r\n                    left: 25,\r\n                    align: 'left',\r\n                    type: 'scroll',\r\n                    show: this.colors.length\r\n                } : null,\r\n                // _.extend({ data: this.contents.yVals }, this.legend),\r\n                grid: {\r\n                    left: !this.colors.length ? '140' : this.contents.report ? '100' : '40',\r\n                    right: 30,\r\n                    bottom: this.contents.report ? 60 : 20,\r\n                    top: this.contents.report ? 60 : this.contents.origLegend ? 30 : 5\r\n                },\r\n                dataView: {\r\n                    lang: ['en-US']\r\n                },\r\n                // dataZoom: [\r\n                //     {\r\n                //         show: !this.contents.report\r\n                //     }\r\n                // ],\r\n                xAxis: {\r\n                    type: 'category',\r\n                    // name: this.contents.xVal,\r\n                    // nameLocation: 'middle',\r\n                    nameTextStyle: {\r\n\r\n                    },\r\n                    nameGap: this.contents.report ? 35 : 15,\r\n                    data: this.xList,\r\n                    stack: 'something',\r\n                    boundaryGap: true,\r\n                    splitLine: {\r\n                        show: false,\r\n                        interval: 'auto',\r\n                        lineStyle: {\r\n                            color: ['#D4DFF5']\r\n                        }\r\n                    },\r\n                    axisTick: {\r\n                        show: true\r\n                    },\r\n                    axisLine: {\r\n                        show: true,\r\n                        lineStyle: {\r\n                            color: '#609ee9'\r\n                        }\r\n                    },\r\n                    axisLabel: {\r\n                        show: true,\r\n                        // margin: 10,\r\n                        textStyle: {\r\n                            fontSize: 12\r\n                        },\r\n                        formatter: val => val.dtToDate()\r\n                    }\r\n                },\r\n                yAxis: {\r\n                    type: 'value',\r\n                    name: this.contents.yVal,\r\n                    offset: -5,\r\n                    splitLine: {\r\n                        show: true,\r\n                        lineStyle: {\r\n                            color: ['rgba(0,100,255, 0.15)']\r\n                        }\r\n                    },\r\n                    axisTick: {\r\n                        show: true\r\n                    },\r\n                    axisLine: {\r\n                        lineStyle: {\r\n                            color: '#609ee9'\r\n                        },\r\n                        show: true,\r\n                        margin: -40,\r\n                        interval: 100\r\n                    },\r\n                    axisLabel: {\r\n                        show: true,\r\n                        textStyle: {\r\n                            fontSize: 10\r\n                        }\r\n                    }\r\n                },\r\n                series: this.yTrends.map(((arr, i) => ({\r\n                    name: this.contents.yVals[i],\r\n                    type: 'line',\r\n                    smooth: true,\r\n                    showSymbol: true,\r\n                    areaStyle: this.areaStyle,\r\n                    symbol: 'circle',\r\n                    symbolSize: 5,\r\n                    data: arr,\r\n                    itemStyle: {\r\n                        normal: {\r\n                            color: this.colors[i] || 'transparent'\r\n                        }\r\n                    },\r\n                    lineStyle: {\r\n                        normal: {\r\n                            width: 4\r\n                        }\r\n                    }\r\n                })))\r\n\r\n```\r\n\r\n\r\n\r\n\r\n### Other comments [其他信息]\r\n<!-- For example: Screenshot or Online demo -->\r\n<!-- [例如，截图或线上实例 (JSFiddle/JSBin/Codepen)] -->\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/apache/incubator-echarts/issues/comments/429040349","html_url":"https://github.com/apache/incubator-echarts/issues/9198#issuecomment-429040349","issue_url":"https://api.github.com/repos/apache/incubator-echarts/issues/9198","id":429040349,"node_id":"MDEyOklzc3VlQ29tbWVudDQyOTA0MDM0OQ==","user":{"login":"syntacticsolutions","id":20173897,"node_id":"MDQ6VXNlcjIwMTczODk3","avatar_url":"https://avatars0.githubusercontent.com/u/20173897?v=4","gravatar_id":"","url":"https://api.github.com/users/syntacticsolutions","html_url":"https://github.com/syntacticsolutions","followers_url":"https://api.github.com/users/syntacticsolutions/followers","following_url":"https://api.github.com/users/syntacticsolutions/following{/other_user}","gists_url":"https://api.github.com/users/syntacticsolutions/gists{/gist_id}","starred_url":"https://api.github.com/users/syntacticsolutions/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/syntacticsolutions/subscriptions","organizations_url":"https://api.github.com/users/syntacticsolutions/orgs","repos_url":"https://api.github.com/users/syntacticsolutions/repos","events_url":"https://api.github.com/users/syntacticsolutions/events{/privacy}","received_events_url":"https://api.github.com/users/syntacticsolutions/received_events","type":"User","site_admin":false},"created_at":"2018-10-11T17:12:44Z","updated_at":"2018-10-11T17:12:44Z","author_association":"NONE","body":"https://codepen.io/michael_coder/pen/vVZJma"}}
{"actor":{"display_login":"syntacticsolutions"}}