如果要隐藏或移除AmCharts中的categoryField,可以使用以下方法之一:
方法1:设置categoryAxis的showGrid属性为false
var chart = am4core.create("chartdiv", am4charts.XYChart);
chart.data = [{
category: "Category 1",
value: 10
}, {
category: "Category 2",
value: 20
}, {
category: "Category 3",
value: 15
}];
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "category";
categoryAxis.renderer.grid.template.location = 0;
categoryAxis.renderer.minGridDistance = 30;
categoryAxis.renderer.labels.template.adapter.add("text", function(text) {
return "";
});
categoryAxis.renderer.grid.template.disabled = true;
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
var series = chart.series.push(new am4charts.ColumnSeries());
series.dataFields.categoryX = "category";
series.dataFields.valueY = "value";
方法2:设置categoryAxis的visibility属性为false
var chart = am4core.create("chartdiv", am4charts.XYChart);
chart.data = [{
category: "Category 1",
value: 10
}, {
category: "Category 2",
value: 20
}, {
category: "Category 3",
value: 15
}];
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "category";
categoryAxis.renderer.grid.template.location = 0;
categoryAxis.renderer.minGridDistance = 30;
categoryAxis.renderer.labels.template.adapter.add("text", function(text) {
return "";
});
categoryAxis.renderer.labels.template.adapter.add("visible", function(visible) {
return false;
});
categoryAxis.renderer.grid.template.disabled = true;
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
var series = chart.series.push(new am4charts.ColumnSeries());
series.dataFields.categoryX = "category";
series.dataFields.valueY = "value";
这两种方法都是将categoryAxis的标签设置为空或不可见,从而实现隐藏或移除categoryField的效果。