You can request for a bounty in order to promote it!
Plain-ww posted onGitHub
双折线共用坐标轴时,如果一个折线的字段无值,会导致所有折线都不能正常展示,而且坐标轴的排列变得很乱
https://codesandbox.io/p/sandbox/festive-wood-4skhqp?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clwkj02bp00063b6j97g5uchc%2522%252C%2522sizes%2522%253A%255B100%252C0%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clwkj02bp00023b6j1vx1hw9c%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clwkj02bp00033b6jvkrxy87f%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clwkj02bp00053b6jjpb3cjb2%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clwkj02bp00023b6j1vx1hw9c%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clwkj02bo00013b6jc8u1d7sm%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252Findex.js%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522clwkj02bp00023b6j1vx1hw9c%2522%252C%2522activeTabId%2522%253A%2522clwkj02bo00013b6jc8u1d7sm%2522%257D%252C%2522clwkj02bp00053b6jjpb3cjb2%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clwkj02bp00043b6jxqr3ahfk%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522clwkj02bp00053b6jjpb3cjb2%2522%252C%2522activeTabId%2522%253A%2522clwkj02bp00043b6jxqr3ahfk%2522%257D%252C%2522clwkj02bp00033b6jvkrxy87f%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522clwkj02bp00033b6jvkrxy87f%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D
满足两个条件: 1、图表中的两条折线共用一个坐标轴,即都没有设置independent: true 2、数据中其中一条折线的字段,不存在任何值(备注:只要有一个值页面展示都是正常的)
坐标轴的刻度最起码要展示正常
场景就是,我们需要展示环比上月和同比去年的数据,但是去年并没有数据,所以导致这个字段值无值,而且把值设置为0也是不合适的,因为去年没有数据
可以先暂时这样解决一下:
chart .line() .encode("x", "Month") .encode("y", "Temperature") .encode("color", "#EE6666") .encode("shape", "smooth") .scale("y", { type: 'linear' }) // 添加这一行 .axis("y", { title: "Temperature (°C)", grid: null, titleFill: "#EE6666", });
我进一步看看这是否是属于一个 bug。
Fund this Issue
Pull requests
© 2019 BoostIO, Inc.