LegendText: String;
Свойство LegendText определяет подпись элемента легенды.
Значение свойства устанавливается из JSON и с помощью метода setLegendText, а возвращается с помощью метода getLegendText.
Для выполнения примера необходимо наличие на html-странице компонента Chart с наименованием «chart» (см. «Пример создания линейной диаграммы»). Отрисуем легенду для линейной диаграммы, установив подписи для её элементов и допустимую длину текста:
// Рисует легенду диаграммы function drawLegend() { var legend = chart.getLegend(); var legendItems = []; for (var i in chart.getSeries()) { var serie = chart.getSeries()[i]; // Определяем подпись элемента легенды var text = serie.getLegendText(); if (text.length > serie.getLegendTextWidth()) { text = text.slice(0, serie.getLegendTextWidth()); text += "..."; } // Создаём элемент легенды var item = { BorderColor: serie.getColor(), Color: serie.getColor(), Marker: "Line", MarkerBorderColor: serie.getColor(), Text: text }; // Добавляем элемент в легенду legendItems.push(item); }; // Устанавливаем элементы легенды legend.setItems(legendItems); var plotBorders = chart.getPlotBorders(); // Создаём область легенды var freeArea = new PP.Rect({ Left: plotBorders.X, Top: plotBorders.Y + 50, Width: plotBorders.W, Height: plotBorders.H }); // Отрисовываем легенду legend.draw(freeArea, "chart"); } // Отображаем легенду chart.getLegend().setIsVisible(true); chart.redraw(false); // Устанавливаем текст в легенде для рядов диаграммы for (var i in chart.getSeries()) { var serie = chart.getSeries()[i]; serie.setLegendText(serie.getCustomData() + ": " + serie.getName()); serie.setLegendTextWidth(5); } // Отрисовываем легенду drawLegend();
В результате выполнения примера была отображена легенда диаграммы. Установленные подписи её элементов были обрезаны до 5 букв:
См. также: