Блог

Я использую плагин nativescript-ui-chart от telerik в своем приложении nativescript / angular, и я столкнулся со странной проблемой: при использовании экземпляра RadPieChart внутри RadListView и при попытке стилизовать разделы диаграммы в обычном и выбранном состояниях, как показано ниже

 
<Palette tkPiePalette seriesState="Normal" seriesName="orders">
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[0]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[1]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[2]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[3]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[4]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>   
</Palette>

<Palette tkPiePalette seriesState="Selected" seriesName="orders">
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[0]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[1]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[2]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[3]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[4]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>   
</Palette>
  

Привязка данных angular к свойству fillColor будет работать только с той палитрой, которая физически расположена выше в html-файле. Такое поведение действительно странное, и я хотел бы узнать, что его вызвало, в том числе потому, что точно такой же компонент будет вести себя так, как ожидалось, при использовании вне RadListView. Я нашел обходной путь к этой проблеме, но мне действительно любопытно, что может быть причиной такой работы привязки данных