Я пытаюсь использовать ряд столбцов с накоплением в armcharts4, и вот код:
let categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis())
categoryAxis.dataFields.category = 'country'
categoryAxis.renderer.grid.template.location = 0
categoryAxis.renderer.grid.template.disabled = true
categoryAxis.renderer.minGridDistance = 40
categoryAxis.renderer.labels.template.horizontalCenter = 'right'
categoryAxis.renderer.labels.template.verticalCenter = 'middle'
categoryAxis.renderer.labels.template.rotation = 270
let valueAxis = chart.yAxes.push(new am4charts.ValueAxis())
valueAxis.min = 0
valueAxis.max = 100
valueAxis.strictMinMax = true
valueAxis.calculateTotals = true
valueAxis.renderer.minWidth = 50
valueAxis.renderer.grid.template.disabled = true
valueAxis.renderer.labels.template.adapter.add('text', function (text) {
return text + '%'
})
let series1 = chart.series.push(new am4charts.ColumnSeries())
series1.columns.template.width = am4core.percent(40)
series1.name = 'Below Expectations'
series1.dataFields.categoryX = 'country'
series1.dataFields.valueY = 'Below_Expectations'
series1.dataFields.valueYShow = 'totalPercent'
series1.dataItems.template.locations.categoryX = 0.5
series1.stacked = true
let bullet1 = series1.bullets.push(new am4charts.LabelBullet())
// bullet1.interactionsEnabled = false
bullet1.label.text = "{valueY.totalPercent.formatNumber('#.00')}%"
bullet1.locationY = 0.5
Но я не хочу отображать текст метки (на маркере), если totalPercent меньше 6%,Я не могу достичь и не могу найти помощь в документации тоже. Любой вывод / подсказки / решение будут очень полезны.
Данные диаграммы:
chart.data = [
{
country: 'Argentina',
Below_Expectations: 50,
Development_needed: 0,
Solid_performer: 66,
Exceeds_Expectations: 27,
Role_model: 14
},
{
country: 'India',
Below_Expectations: 2,
Development_needed: 5,
Solid_performer: 3,
Exceeds_Expectations: 3,
Role_model: 1
}]