自定义ngx图表-图表轴隐藏/浮动在视口之外

时间:2019-04-26 15:16:23

标签: angular ngx-charts

我在ngx图中的自定义图表有问题。我正在尝试开发具有两个Y轴的折线图。在该应用程序中,我在面板中有一个图表,左侧的y轴隐藏在其所在容器的最左边缘之外。

我认为应用程序中的某些CSS可能会干扰,但是我创建了一个stackblitz demo,它显示了带有2个y轴的ngx-chart正式“组合图”,而我的向左移动了。 (下面的屏幕截图中的红线是面板的左边缘。检查器显示元素如何位于可见区域之外)

我一直在将图表与“组合图表”演示进行比较,但看不到缺少的内容。如果组合表中线系列元素周围的多余<svg:g>元素没有任何意义,我将无法解读。

我在演示中添加了一个复选框,以将图表向左移动70px,以显示坐标轴在屏幕上。另外,由于图表元素对于视口来说太宽,因此它会生成一个水平滚动条,这使我认为尺寸计算是错误的,但是同样,它是从组合图表演示中得出的,所以我不确定什么地方出错了。 >

Screenshot of Y axis beyond viewport of panel

0 个答案:

没有答案