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