Отображение разных легенд для каждого бара в RadCharts с нативным угловым - PullRequest
Новая
       50

Отображение разных легенд для каждого бара в RadCharts с нативным угловым

0 голосов
/ 03 марта 2019

Я пытаюсь создать ярлыки с разными легендами, каждый из которых имеет свои цвета, представляющие каждый столбец в серии столбцов.Как вы видите на скриншоте, я не могу увидеть другие легенды.enter image description here

Также у каждого должен быть свой цвет.Вот мой HTML. 

            <CategoricalAxis tkCartesianHorizontalAxis allowPan="true" allowZoom="true"></CategoricalAxis>
            <LinearAxis tkCartesianVerticalAxis allowPan="true"></LinearAxis>

            <BarSeries tkCartesianSeries [items]="LivestockData"
                categoryProperty="Year" valueProperty="Amount" seriesName="Bar" showLabels="true" legendTitle="Cattle"></BarSeries>

            <!-- >> chart-legend-angular-definition -->                   
            <RadLegendView tkCartesianLegend position="Bottom" title="Species"
                height="150" enableSelection="true"></RadLegendView>                    

            <!-- << chart-angular-styling-bars -->
            <Palette tkCartesianPalette seriesName="Bar">
                <PaletteEntry tkCartesianPaletteEntry fillColor="#A05BC5"></PaletteEntry>
            </Palette>

        </RadCartesianChart>

Вот данные, которые я показываю. 

    { species: "Cattle", Amount: 4771, Year: 1980 },
    { species: "Sheep and goats", Amount: 3862, Year: 2000 },
    { species: "Pigs", Amount: 187, Year: 2002 },
    { species: "Poultry", Amount: 2941, Year: 1990 }

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

1 Ответ

0 голосов
/ 05 марта 2019

У меня есть игровая площадка для вас здесь .Чтобы иметь несколько цветов для баров, необходимо закомментировать раздел Palette и добавить paletteMode="Item" в вашу серию баров. 

<BarSeries tkCartesianSeries [items]="categoricalSource"
            categoryProperty="Year" paletteMode="Item" valueProperty="Amount"
            seriesName="Bar" legendTitle="Cattle" showLabels="true"></BarSeries>

Также Legend работает нормально, так как они представляют тип серии иВы можете изменить заголовок легенды для каждой серии.Если вы хотите несколько легенд, вам нужно добавить несколько серий баров (для каждого крупного рогатого скота в вашем случае.)

...