如何在 angular2 中垂直制作 ngx 图表中的 "advanced pie chart"？

Question

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

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

例如这里的附件

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

谢谢。

Answer 1

I had the same problem。在您的 styles.css（或 styles.scss）中，输入此代码：

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

after the solution

对我来说，效果很好。

Answer 2

Result

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

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

如果您觉得结果区域太大，请添加。您可以在此处进行控制。

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