Элемент chart

Атрибуты элемента chart позволяют управлять различными элементами диаграммы. Подробное описание атрибутов элемента chart представлено на сайте разработчика.

Добавленные атрибуты

В рамках доработок для элемента были добавлены атрибуты, указанные в следующей таблице:

Имя атрибута Краткое описание
allowSelect Атрибут allowSelect позволяет включать/отключать возможность выделения точек диаграммы.
Возможные значение:

  • true. Выделение точек доступно;

  • false. Выделение точек недоступно.

Примечание. Для корректного использования необходимо отключить возможность увеличения размера (chart.zoomType = 'none') и возможность редактирования (editmode.state = false).

Массив выделенных точек содержится в свойстве chart.selection.

Пример использования атрибута allowSelect приведен на странице «Выделение точек».
displayVolume3D Атрибут displayVolume3D включает/отключает объемный вид диаграммы.
Возможные значения:

  • true. Объемный вид включен;

  • false. Объемный вид отключен.

Примечание. Данный атрибут доступен только при использовании диаграммы в экспресс-отчете.

Пример использования атрибута displayVolume3D приведен на странице «Настройка объемного вида диаграммы».
seriesAsRings

Атрибут seriesAsRings позволяет переключаться между режимами отображения рядов данных круговой диаграммы в виде секторов и в виде колец.

Возможные значения:

  • true. Ряды данных отображаются в виде колец;

  • false. Ряды данных отображаются в виде секторов.

Примечание. Данный атрибут доступен только в круговой диаграмме.

Пример использования атрибута seriesAsRings приведён на странице «Отображение рядов данных в виде колец».
useSelectOnRightClick

Атрибут seriesAsRings определяет, доступно ли выделение точек диаграммы при помощи правой клавиши мыши.

Возможные значения:

  • true. Выделение доступно;

  • false. Выделение недоступно (по умолчанию).

Пример использования атрибута useSelectOnRightClick приведен на странице «Выделение точек».

Доработанные атрибуты

Имя атрибута Краткое описание
backgroundColor.linearGradient Атрибут backgroundColor.linearGradient устанавливает заливку для диаграммы в виде линейного градиента.
В рамках доработок HighCharts добавлена возможность устанавливать угол (атрибут angle) и прозрачность (атрибут opacity) градиента.

Пример использования атрибута backgroundColor.linearGradient приведен на странице «Настройка градиентной заливки фона диаграммы».
plotBackgroundColor.linearGradient Атрибут plotBackgroundColor.linearGradient устанавливает заливку для диаграммы в виде линейного градиента.
В рамках доработок HighCharts добавлена возможность устанавливать угол (атрибут angle) и прозрачность (атрибут opacity) градиента.

Пример использования атрибута plotBackgroundColor.linearGradient приведен на странице «Настройка градиентной заливки фона диаграммы».
type Атрибут type устанавливает тип диаграммы.
В рамках доработок HighCharts добавлен новый тип диаграммы -  stepline (ступенчатый график). Для корректного отображения ступенчатого графика необходимо для каждого ряда установить значение атрибута step.
Пример создания ступенчатой диаграммы приведен на странице «Создание ступенчатого графика».

См. также:

Размещение диаграммы HighCharts на html-странице | Создание диаграммы HighChart