javascript - 如何在angular2中垂直制作ngx图表中的“高级饼图”？

Question

我是 angular js 的新手，我曾经很容易在 css 中自定义样式，但在这里我不能

我正在使用 ngx-charts “高级饼图”，我需要垂直制作结果我该怎么做？

例如这里的附件

水平显示结果，但我的 div 宽度小，高度大，所以我需要将结果移动到圆图下方。

谢谢你。

Answer 1

我有同样的问题。在您的 styles.css（或 styles.scss）中，输入以下代码：

.advanced-pie-legend .legend-items-container .legend-items {
  overflow: initial !important;
}

解决后

对我来说，工作正常。

Answer 2

结果

使用显示变量来控制。将此代码添加到您的 css 样式文件中。

.advanced-pie-legend .legend-items-container .legend-items .legend-item {
    display: inherit !important;
}

如果您觉得结果区域太大，请添加。你可以控制它。

.advanced-pie-legend {
    width: 15rem !important;
}