setAreaFill(value: Array);
value. Массив элементов классов PP.Ui.ChartAreaFill и/или PP.Ui.ChartSectorFill.
Метод setAreaFill добавляет элементы заливки области построения пузырьковой диаграммы.
Для выполнения примера необходимо наличие на html-странице компонента BubbleChart с наименованием «bubbleChart» (см. «Пример создания компонента BubbleChart»). Создадим области заливки на пузырьковой диаграмме:
// Получим область диаграммы
chartArea = bubbleChart.getChartArea();
// Зададим прямоугольную область заливки
areaFillSettings = {
"Label": {
"Padding": "5,5,5,5",
"HorizontalAlignment": "Left",
"VerticalAlignment": "Top",
"MaskText": "Some area\nX: from {%Left} to {%Right}\nY: from {%Top} to {%Bottom}",
"Style": {
"Release": {
"Font": {
"Color": "#008800"
}
}
}
},
"Left": "10000",
"Top": "50",
"Width": "100000",
"Height": "50",
"Fill": {
"Color": "#008800",
"Opacity": "0.2"
},
"Stroke": "#008800",
"PPType": "PP.Ui.ChartAreaFill"
};
// Зададим угловую область заливки
angleFillSettings = {
"Label": {
"Padding": "5,5,5,5",
"MaskText": "Another area\nFrom {%Start}deg to {%End}deg",
"Style": {
"Release": {
"Font": {
"Color": "#000088"
}
}
}
},
"Start": "0",
"Angle": "60",
"Fill": {
"Color": "#000088",
"Opacity": "0.2"
}
};
// Применим настройки заливки
chartArea.setAreaFill(areaFillSettings);
chartArea.setAreaFill(angleFillSettings);
// Обновим компонент
bubbleChart.refreshAll();
В результате была произведена заливка прямоугольной и угловой областей пузырьковой диаграммы:
См. также: