Zoom: number;
Свойство Zoom определяет значение масштаба.
Масштаб задаётся в виде десятичной дроби, например:
уменьшение масштаба визуального компонента в два раза - 0.5;
увеличение масштаба визуального компонента в два раза - 2.
По умолчанию задан 100% масштаб, свойство принимает значение «1».
Для применения заданного масштаба используются средства CSS. Выберите один из способов:
задайте значение масштаба в поле zoom, например - zoom: 0.5;
Примечание. Поле zoom не поддерживается в браузере Mozilla Firefox.
задайте значение масштаба в поле transform, например - transform: scale(0.5).
Значение масштаба, заданное в поле zoom или transform, должно совпадать со значением свойства.
Значение свойства задается в конструкторе ZoomOptions или с помощью метода setZoom, а возвращается с помощью метода getZoom.
В зависимости от выбранного способа применения заданного масштаба (zoom или transform) задайте значения методам ZoomOptions.setIsOnlyPosition, ZoomOptions.setIsCssZoom или свойствам IsOnlyPosition, IsCssZoom в конструкторе ZoomOptions.
Для выполнения примера необходимо наличие на html-странице компонента Chart с наименованием «chart» (см. «Пример создания гистограммы»). В теге <style> должно быть добавлено поле zoom со значением масштаба:
<style type="text/css">
div#chart {
...
zoom: 0.5;
}
</style>
Уменьшим масштаб гистограммы в два раза:
// Получим параметры масштабирования гистограммы
var zoom = chart.getZoom();
// Зададим значение масштаба
zoom.setZoom(0.5);
// Определим способ применения заданного масштаба через поле zoom
zoom.setIsOnlyPosition(true);
zoom.setIsCssZoom(true);
В результате выполнения примера гистограмма будет уменьшена в два раза:
См. также: