Amcharts:如何在valueAxis svg元素中应用transform

时间:2017-09-13 23:32:59

标签: css svg charts amcharts angular2-components

我试图在amcharts .amcharts-category-axis svg元素中应用边距,但它在css中不起作用

<g class="amcharts-category-axis" transform="translate(0,20)" visibility="visible">...</g>

如果我申请transform =&#34;翻译(50,20)&#34;解决我的问题,但在css

.amcharts-category-axis{
    transform: translate(0, 20);
}

不起作用

1 个答案:

答案 0 :(得分:1)

使用CSS时需要指定单位。试试transform: translate(50px, 20px)。请注意this doesn't work on IE 11 and Edge。您必须坚持IE / Edge的属性,或者最好使用图表margin properties设置自己的边距。

Demo using translate(59px, 0px)