Я работаю над приложением AngularJs, где использую AmCharts.
const writeemp = data => {
const {
total,
employees,
} = data;
empChart.dataProvider = e;
empChart.write('emp');
empChart.validateData();
};
AmCharts.handleLoad();
var configChart = function () {
empChart = new AmCharts.AmSerialChart();
empChart.categoryField = "state";
empChart.labelRotation = 90;
var yAxis = new AmCharts.ValueAxis();
yAxis.position = "left";
empChart.addValueAxis(yAxis);
empBarGraph = new AmCharts.AmGraph();
empBarGraph.valueField = "count";
empBarGraph.type = "column";
empBarGraph.fillAlphas = 1;
empBarGraph.lineColor = "#f0ab00";
empBarGraph.valueAxis = yAxis;
empChart.addGraph(empBarGraph);
empChart.write('empChart');
$http.get(hostNameService.getHostName()+"/dashboard/employees/statecount")
.then(response => writeemp(response.data));
}
Код в html:
<div class='panel-body'>
<div id="empChart"></div>
</div>
Это вернет мне значения State по оси X и количество по оси Y. Я хотел добавить флажки, которые будут фильтровать мои данные на диаграмме. Каждый флажок должен представлять «состояние» сотрудника. Если я сниму флажок, отображаемые данные должны измениться на диаграмме. Может ли кто-нибудь сообщить мне, как я могу этого достичь.