Javascript 禁用标签时,Amchart组合图表标签重叠

Javascript 禁用标签时,Amchart组合图表标签重叠,javascript,css,amcharts,Javascript,Css,Amcharts,我在这里有一张来自amchart的组合图: 我想把所有标签都放在右边,所以我做了如下示例: 我注意到标签重叠,可以通过在标签上添加一些“offset”来解决,如下所示: 然后,我尝试使用“labelsEnabled”:false禁用标签,如下所示: 当禁用“偏移量”时,结果是y轴标题重叠。有没有办法解决这个问题?您可以将标签保持启用状态设置为true,也可以设置为true 然后使用CSS隐藏标签: .value-axis-v2 .amcharts-axis-label { visi

我在这里有一张来自amchart的组合图:

我想把所有标签都放在右边,所以我做了如下示例:

我注意到标签重叠,可以通过在标签上添加一些
“offset”
来解决,如下所示:

然后,我尝试使用
“labelsEnabled”
:false禁用标签,如下所示:


当禁用
“偏移量”
时,结果是y轴标题重叠。有没有办法解决这个问题?

您可以将
标签保持启用状态
设置为
true
,也可以设置为
true

然后使用CSS隐藏标签:

.value-axis-v2 .amcharts-axis-label {
    visibility: hidden;
}

检查此处的示例:

您可以将
标签保持启用状态
设置为
true
,也可以设置为
true

然后使用CSS隐藏标签:

.value-axis-v2 .amcharts-axis-label {
    visibility: hidden;
}

检查这里的示例:

好的,显然我的一位同事给了我答案,但他拒绝在这里回答(归功于TCY),就在我们向AmCharts提出支持票之前。显然有一个简单的黑客使用
fontSize:0
我们可以隐藏标签的文本,如下所示:


这使得图表更有意义,同时我们可以在图表中应用图例,以便人们能够看到每种图表类型中代表的列是什么好的,显然我的一位同事给了我答案,但他拒绝在这里回答(归功于TCY),就在我们向AmCharts提出支持票之前。显然有一个简单的黑客使用
fontSize:0
我们可以隐藏标签的文本,如下所示:


这使得图表更有意义,同时我们可以在图表中应用图例,让人们能够看到每种图表类型中代表的列是什么

等等,这一列会很奇怪,因为我们可能读错了,“GDP增长率销售额(M)”等等,这一列会很奇怪,因为我们可能读错了,“GDP增长率销售额(百万)”
"valueAxes": [{
    "id": "v1",
    "unit": "%",
    "position": "right",
    "title": "GDP growth rate",
  }, {
    "id": "v2",
    "unit": "$",
    "unitPosition": "left",
    "position": "right",
    "offset": 70,
    "title": "Sales volume (M)"
  }],
  "valueAxes": [{
    "id": "v1",
    "unit": "%",
    "position": "right",
    "labelsEnabled": false,// comment this and the label no longer overlapped
    "title": "GDP growth rate",
  }, {
    "id": "v2",
    "unit": "$",
    "unitPosition": "left",
    "position": "right",
    "labelsEnabled": false, // comment this and the title no longer overlapped
    "offset": 70, // this offset not working if labelsEnabled = false
    "title": "Sales volume (M)"
  }],
.value-axis-v2 .amcharts-axis-label {
    visibility: hidden;
}
"valueAxes": [{
    "id": "v1",
    "unit": "%",
    "position": "right",
    "labelsEnabled": true, // comment this and the label no longer overlapped
    "title": "GDP growth rate",
    "fontSize": 0
  }, {
    "id": "v2",
    "unit": "$",
    "unitPosition": "left",
    "position": "right",
    "labelsEnabled": true, // comment this and the title no longer overlapped
    "offset": 70, // this offset not working if labelsEnabled = false
    "title": "Sales volume (M)",
    "fontSize": 0
  }],