несколько рядов amcharts не работают правильно - PullRequest
Новая
       20

несколько рядов amcharts не работают правильно

0 голосов
/ 08 июля 2019

я использую amcharts 4 в угловых 6 я создам график с несколькими данными когда пользователь нажимает кнопку получить данные с сервера и добавить в серию и показать на графиках мои данные - название месяца и значение сначала я определяю глобальную диаграмму varaible 

    private chart: am4charts.XYChart;

я конфигурирую диаграммы 

let chart = am4core.create("chartdiv", am4charts.XYChart);
        chart.paddingRight = 20;
        let monthAxis = chart.xAxes.push(new am4charts.CategoryAxis());
        monthAxis.renderer.grid.template.location = 0;
        monthAxis.dataFields.category = "month";
        monthAxis.title.text = 'ماه'
        let valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
        valueAxis.tooltip.disabled = true;
        valueAxis.renderer.minWidth = 35;
        chart.cursor = new am4charts.XYCursor();

и, таким образом, добавьте ряды, получив данные с сервера 

this.adminService.getSaleReport(this.fillterValues).subscribe((res) => {

            let series1 = chart.series.push(new am4charts.LineSeries());
            series1.data = res;
            series1.name = "فروش";
            series1.dataFields.valueY = "count";
            series1.dataFields.categoryX = "month";
            chart.invalidateData();
        });

показать все серии на правой стороне enter image description here

...