Amcharts визуализируют часть данных в горизонтальной гистограмме - PullRequest
1 голос
/ 23 сентября 2019

Я пытаюсь визуализировать горизонтальную гистограмму и хочу показать только часть загруженных записей и иметь возможность прокручивать результаты.

Я попытался выполнить это с помощью вертикальной полосы прокрутки.В результате получается JSFiddle: jsfiddle .

function loadBar(){ 

    // Themes begin
    am4core.useTheme(am4themes_animated);
    // Themes end

    // Create chart instance
    var chart = am4core.create("chartdiv", am4charts.XYChart);

    // Set up data source
    chart.data= [
    {"name": "Mario12","overhead": 2},
    {"name": "Jenny12","overhead": 2},
    ...
    ];


    //create category axis for years
    var categoryAxis = chart.yAxes.push(new am4charts.CategoryAxis());
    var yTitle = 'Agents';
    categoryAxis.title.text = yTitle;
    ...

    //create value axis for income and expenses
    var valueAxis = chart.xAxes.push(new am4charts.ValueAxis());
    valueAxis.min = 0;
    ...


    //create columns
    var series = chart.series.push(new am4charts.ColumnSeries());
    series.dataFields.categoryY = "name";
    series.dataFields.valueX = "overhead";
    ...

    chart.scrollbarY = new am4core.Scrollbar();
    chart.scrollbarY.parent = chart.leftAxesContainer;

}

loadBar();

Требуемый результат должен быть вместо результат

...