Javascript 无法在amcharts v4中禁用X轴标签

Javascript 无法在amcharts v4中禁用X轴标签,javascript,charts,amcharts,Javascript,Charts,Amcharts,我想禁用/隐藏x轴和Wondering中的所有国家/地区标签。这是如何实现的 在AmCharts v4中,可以通过在轴渲染器的标签模板中禁用标签来删除标签: axisObject.renderer.labels.template.disabled = true; 在这种情况下,将axisObject替换为包含所需轴的变量的名称(categoryAxis)。下面是演示 am4core.useTheme(am4themes\u动画); 风险值数据=[{ “国家”:“立陶宛”, “单位”:500

我想禁用/隐藏x轴和Wondering中的所有国家/地区标签。这是如何实现的


在AmCharts v4中,可以通过在轴渲染器的标签模板中禁用标签来删除标签:

axisObject.renderer.labels.template.disabled = true;
在这种情况下,将
axisObject
替换为包含所需轴的变量的名称(
categoryAxis
)。下面是演示

am4core.useTheme(am4themes\u动画);
风险值数据=[{
“国家”:“立陶宛”,
“单位”:500,
“馅饼”:[{
“价值”:250,
“标题”:“第一类”
}, {
“价值”:150,
“标题”:“第二类”
}, {
“价值”:100,
“标题”:“第三类”
}]
}, {
“国家”:“捷克共和国”,
“单位”:300,
“馅饼”:[{
“价值”:80,
“标题”:“第一类”
}, {
“价值”:130,
“标题”:“第二类”
}, {
“价值”:90,
“标题”:“第三类”
}]
}, {
“国家”:“爱尔兰”,
“单位”:200,
“馅饼”:[{
“价值”:75,
“标题”:“第一类”
}, {
“价值”:55,
“标题”:“第二类”
}, {
“价值”:70,
“标题”:“第三类”
}]
}];
//创建图表实例
var chart=am4core.create(“chartdiv”,am4charts.XYChart);
chart.hiddenState.properties.opacity=0;//这将创建初始淡入
//添加数据
chart.data=数据;
//创建轴
var categoryAxis=chart.xAxes.push(新的am4charts.categoryAxis());
categoryAxis.dataFields.category=“国家”;
categoryAxis.renderer.grid.template.disabled=true;
categoryAxis.renderer.labels.template.disabled=true;
var valueAxis=chart.yAxes.push(新的am4charts.valueAxis());
valueAxis.title.text=“售出单位(M)”;
valueAxis.min=0;
valueAxis.renderer.baseGrid.disabled=true;
valueAxis.renderer.grid.template.strokeOpacity=0.07;
//创建系列
var series=chart.series.push(新的am4charts.ColumnSeries());
series.dataFields.valueY=“单位”;
series.dataFields.categoryX=“国家”;
series.tooltip.pointerooritation=“垂直”;
var columnTemplate=series.columns.template;
//在列而不是模板上添加工具提示,这样切片也可以有工具提示
columnTemplate.column.tooltipText=“系列:{name}\n类别:{categoryX}\n值:{valueY}”;
columnTemplate.column.tooltipY=0;
columnTemplate.column.cornerRadiusTopLeft=20;
columnTemplate.column.CornerRadiusToRight=20;
columnTemplate.strokeOpacity=0;
//由于默认情况下,同一系列的列具有相同的颜色,我们添加了适配器,该适配器从chart.colors颜色集中获取颜色
add(“fill”,(fill,target)=>{
var color=chart.colors.getIndex(target.dataItem.index*3);
返回颜色;
});
//将饼图创建为列子级
var pieChart=series.columns.template.createChild(am4charts.pieChart);
pieChart.width=AM4核心百分比(80);
pieChart.height=AM4核心百分比(80);
pieChart.align=“中心”;
pieChart.valign=“中间”;
pieChart.dataFields.data=“pie”;
var piesteries=pieChart.series.push(新的am4charts.piesteries());
pieSeries.dataFields.value=“value”;
pieSeries.dataFields.category=“title”;
pieSeries.labels.template.disabled=true;
pieSeries.ticks.template.disabled=true;
pieSeries.slices.template.stroke=am4core.color(“#ffffffff”);
pieSeries.slices.template.strokeWidth=1;
pieSeries.slices.template.strokeOpacity=0;
pieSeries.slices.template.adapter.add(“填充”,“填充,目标)=>{
返回am4core.color(“#ffffff”)
});
添加(“fillOpacity”,(fillOpacity,target)=>{
返回(target.dataItem.index+1)*0.2;
});
pieSeries.hiddenState.properties.startAngle=-90;
pieSeries.hiddenState.properties.endAngle=270
正文{
字体系列:-苹果系统、BlinkMacSystemFont、“Segoe UI”、机器人、Helvetica、,
Arial,无衬线,“苹果颜色表情”、“Segoe UI表情”、“Segoe UI符号”;
}
#沙特迪夫{
宽度:100%;
最大高度:600px;
高度:97vh;
}


我已经浏览过了。不幸的是,我的问题相似,但也不同。如果可以根据代码/代码笔链接解决此问题,请谅解。如果x轴标签可以垂直书写,如果不需要完全隐藏,也会很有帮助option@Tedinoz-它不是复制品。这是最新版本的AmCharts,API完全不同。问题应该是,这是一个新版本,对于不了解情况的人来说更好一些,以防止不必要的反对票/旗帜。@AhmedChishti如果这个答案有用,那么你可以“接受”它。这也给了xorspark一些荣誉。顺便说一句,我很高兴你找到了解决办法。非常感谢@Tedinoz提醒我这一点。我以前曾试图提高投票率,但由于没有足够的声誉而未能提高投票率。再次感谢你。干杯
axisObject.renderer.labels.template.disabled = true;