Я пытаюсь визуализировать горизонтальную гистограмму и хочу показать только часть загруженных записей и иметь возможность прокручивать результаты.
Я попытался выполнить это с помощью вертикальной полосы прокрутки.В результате получается 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();
Требуемый результат должен быть вместо результат