возьмите код из учебника и внесите некоторые изменения.
var chart = am4core.create("chartdiv", am4charts.RadarChart);
chart.data = [{
"country": "Lithuania",
"litres": 501
}, {
"country": "Czechia",
"litres": 301
}, {
"country": "Ireland",
"litres": 266
}, {
"country": "Germany",
"litres": 165
}, {
"country": "Australia",
"litres": 139
}, {
"country": "Austria",
"litres": 336
}, {
"country": "UK",
"litres": 290
}, {
"country": "Belgium",
"litres": 325
}, {
"country": "The Netherlands",
"litres": 40
}];
/* Create axes */
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "country";
categoryAxis.renderer.grid.template.location = 0.5;
categoryAxis.renderer.grid.template.strokeOpacity=0.5;
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
valueAxis.renderer.axisFills.template.fill = chart.colors.getIndex(2);
valueAxis.renderer.axisFills.template.fillOpacity = .1;
valueAxis.renderer.grid.template.strokeOpacity=0.3;
valueAxis.renderer.grid.template.zIndex=-1;
//valueAxis.zIndex = 999;
valueAxis.renderer.labels.template.zIndex=999;
/* Create and configure series */
var series = chart.series.push(new am4charts.RadarColumnSeries());
series.dataFields.valueY = "litres";
series.dataFields.categoryX = "country";
series.name = "Sales";
chart.cursor = new am4charts.RadarCursor();
Я пытался изменить zIndex соответствующим образом, но не знаю, как вывести наверх только метки yAxis.
- set 'valueAxis.zIndex = 999;' Все элементы yAxis оказались наверху, но мне нужны только метки.
- set valueAxis.renderer.grid.template.zIndex = -1; Похоже, что никаких изменений графика нет.
- valueAxis.renderer.labels.template.zIndex = 999; Вроде никаких изменений графика нет.