Есть ли минимальный и максимальный масштаб, который можно установить на графике кендо? Мой график при уменьшении делает метку оси категории неразборчивой из-за множества элементов

Question

У меня есть компонент диаграммы кендо Angular, для которого мне нужно установить минимальное масштабирование, чтобы после точки уменьшение не было возможным, в противном случае метки осей категорий станут нечитаемыми для чтения. Точно так же я хочу установить максимальное увеличение. Вы можете увидеть проблему с диаграммой в gif.

Использование диска, поскольку размер файла> 2 МБ, а переполнение стека не позволяет этого.

https://drive.google.com/file/d/1aOXLmnCgOIUb7fVT5pkQ6lbWb8IvAxhK/view

Answer 1

Вы можете использовать событие zoom. Вы не можете проверить, каков уровень масштабирования, но вы можете проверить, что такое диапазон просмотра, и запретить действие масштабирования, если диапазон превышает ваши предпочтения.

Допустим, категории являются числами, и вы хотите увидеть 20 категорий. самое большее.

Вот основные моменты для достижения sh того, что вы хотите сделать:

1. Назовите ось вашей категории:

   public categoryAxis: any = {
       min: 10,
       max: 20,
       name: "test"
   };
   

2. Добавьте обработчик событий к компоненту kendo-chart:

   (zoom)=zoomHandler($event)
   

3. Добавьте функцию обработчика событий к компоненту:

   public zoomHandler(e) {
       console.log("zoom", e);
   
       // Prevent the zoom action if the axis range is greater than 20 (in this example, the categories are numbers)
       if (e.axisRanges.test.max - e.axisRanges.test.min > 20) {
           e.preventDefault();
       }
   }
   

Вы можете увидеть пример здесь .