ngx-charts 库:如何在条形图中的 y 轴和第一组之间更改 space
ngx-charts library: How to change space between y-axis and first group in bar chart
我正在使用 ngx-charts 尝试在条形图和折线图的组合图中可视化一些数据。我解决了大部分问题,但我无法弄清楚我应该在代码中更改什么以控制图表 y 轴与条形图中初始组之间的 space。
我想知道以前使用过 ngx-charts 的人是否遇到过这个问题,并希望解决这个问题?如果有人知道这是否可以是任何地方的变量集,将不胜感激。
y 轴和数据之间的差距
编辑:添加另一张图片以表明这不是缺失数据的问题,因为在我的另一张图表上,两端的间距相等。
与两个 y 轴的间距相等
自己回答:
所以我一整天都在继续看自己,我找到了解决办法。也许不是一个永久的解决方案,甚至不是一个好的解决方案,但事实证明它与一些被注入到遇到问题的图形组件中的转换 scss 有关。它似乎是从图表库中烘焙到代码中的。
目前,这可能是对其他人的临时修复,我已经向我的组件添加了一个额外的属性,例如:
<my-component [attr.transform]="customTransform">
将'customTransform'定义为具有组件范围的字符串,并使其值:
this.customTransform = `translate(-35 , 0)`;
我正在使用 ngx-charts 尝试在条形图和折线图的组合图中可视化一些数据。我解决了大部分问题,但我无法弄清楚我应该在代码中更改什么以控制图表 y 轴与条形图中初始组之间的 space。
我想知道以前使用过 ngx-charts 的人是否遇到过这个问题,并希望解决这个问题?如果有人知道这是否可以是任何地方的变量集,将不胜感激。
y 轴和数据之间的差距
与两个 y 轴的间距相等
自己回答:
所以我一整天都在继续看自己,我找到了解决办法。也许不是一个永久的解决方案,甚至不是一个好的解决方案,但事实证明它与一些被注入到遇到问题的图形组件中的转换 scss 有关。它似乎是从图表库中烘焙到代码中的。
目前,这可能是对其他人的临时修复,我已经向我的组件添加了一个额外的属性,例如:
<my-component [attr.transform]="customTransform">
将'customTransform'定义为具有组件范围的字符串,并使其值:
this.customTransform = `translate(-35 , 0)`;