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

时间:2018-08-05 14:50:26

标签: javascript css angular charts ngx-charts

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

我正在使用ngx-charts“高级饼图”,我需要垂直生成结果,我该怎么做?

例如此处的附件:horizontally results

水平显示结果 但是我的div的宽度较小且高度较高,因此我需要将结果移动到圆形图下方。

谢谢。

2 个答案:

答案 0 :(得分:1)

I had the same problem。在您的styles.css(或styles.scss)中,输入以下代码:

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

after the solution

对我来说很好。

答案 1 :(得分:0)

Result

使用显示变量进行控制。将此代码添加到CSS样式文件中。

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

如果结果区域太大,则添加。您可以对此进行控制。

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