ngx-charts库:如何在条形图中更改y轴和第一组之间的空间

时间:2019-11-04 15:20:15

标签: angular ngx-charts

我正在与ngx图表一起工作,试图以条形图和折线图的组合图形式对某些数据进行可视化处理。我已经解决了大多数问题,但是我无法弄清楚应该在代码中进行哪些更改以控制图表的y轴与条形图中的初始组之间的空间。

我想知道是否有人曾经在ngx-charts上工作过,并希望解决该问题?如果有人知道这在任何地方都可能是变量集,那么您的见解将不胜感激。

gap between y-axis and data

编辑:添加另一张图片以表明这不是缺少数据的问题,因为在我的另一张图上,两端的间距相等。

Equal gap from both y-axes

1 个答案:

答案 0 :(得分:0)

为自己解答:

因此,我一整天都在继续观察自己,并且找到了解决方案。也许这不是一个永久性的解决方案,甚至不是一个好的解决方案,但事实证明,这与某些注入问题的图形转换组件有关。似乎已将其嵌入到图表库的代码中。

此刻,这可能是对其他人的临时解决方案,我为我的组件添加了一个额外的属性,例如:

<my-component [attr.transform]="customTransform">

将“ customTransform”定义为具有组件范围的字符串,并为其赋值:

this.customTransform = `translate(-35 , 0)`;