Some Bars not showing

[Jim]

http://s284.photobucket.com/albums/ll18/mdewind/?action=view&current=ChartImageCAWB72VY.png

This is the image of my bar chart, and as you can see some series have items that are randomly invisible but show the % of the data. Also there's grey text for the 2 right series even though I have tried specifying for them to be black. Is there a reason the bars are invisible and the text is ignoring the color I am specifying?



Code:

<telerik:RadChart ID="RadChart1" runat="server" DataSourceID="SqlDataSource1"
                Height="650px" Skin="Default" Width="1100px" AutoLayout="True">
                <Appearance>
                    <Border Color="134, 134, 134" />
                </Appearance>
                <Series>
                    <telerik:ChartSeries Name="Unspecified" DataYColumn="Group1Perc"
                        DefaultLabelValue="#Y%">
                        <Appearance>
                            <FillStyle FillType="Solid" MainColor="11, 111, 21" GammaCorrection="False">
                            </FillStyle>

<TextAppearance TextProperties-Color="Black"></TextAppearance>

<Border Color="69, 115, 167" Visible="False" Width="0"></Border>
                        </Appearance>
                    </telerik:ChartSeries>
                    <telerik:ChartSeries Name="Routine visit, unspecified purpose"
                        DataYColumn="Group2Perc" DefaultLabelValue="#Y%">
                        <Appearance>
                            <FillStyle FillType="Solid" MainColor="111, 11, 99" GammaCorrection="False">
                            </FillStyle>

<TextAppearance TextProperties-Color="Black"></TextAppearance>

<Border Color="107, 70, 68" Visible="False" Width="0"></Border>
                        </Appearance>
                    </telerik:ChartSeries>
                    <telerik:ChartSeries DataYColumn="Group3Perc" DefaultLabelValue="#Y%"
                        Name="Contracting discussion/negotiation">
                        <Appearance>
                            <FillStyle FillType="Solid" MainColor="0, 0, 153" GammaCorrection="False">
                            </FillStyle>

<TextAppearance TextProperties-Color="Black"></TextAppearance>

<Border Color="136, 166, 78" Visible="False" Width="0"></Border>
                        </Appearance>
                    </telerik:ChartSeries>
                    <telerik:ChartSeries DataYColumn="Group4Perc" DefaultLabelValue="#Y%"
                        Name="Present/discuss new biopharmaceutical company product data">
                        <Appearance>
                            <FillStyle FillType="Solid" MainColor="196, 196, 196" GammaCorrection="False">
                            </FillStyle>

<TextAppearance TextProperties-Color="Black"></TextAppearance>

<Border Color="113, 88, 143" Visible="False" Width="0"></Border>
                        </Appearance>
                    </telerik:ChartSeries>
                    <telerik:ChartSeries DataYColumn="Group5Perc" DefaultLabelValue="#Y%"
                        Name="Discuss new competitor product data ">
                        <Appearance>
                            <FillStyle FillType="Solid" MainColor="84, 208, 116" GammaCorrection="False">
                            </FillStyle>

<TextAppearance TextProperties-Color="Black"></TextAppearance>

<Border Color="66, 152, 175" Visible="False" Width="0"></Border>
                        </Appearance>
                    </telerik:ChartSeries>
                    <telerik:ChartSeries DataYColumn="Group6Perc" DefaultLabelValue="#Y%"
                        Name="Discuss new entrant (brand or generic) ">
                        <Appearance>
                            <FillStyle FillType="Solid" MainColor="166, 42, 151" GammaCorrection="False">
                            </FillStyle>

<TextAppearance TextProperties-Color="Black"></TextAppearance>

<Border Color="219, 132, 61" Visible="False" Width="0"></Border>
                        </Appearance>
                    </telerik:ChartSeries>
                    <telerik:ChartSeries DataYColumn="Group7Perc" DefaultLabelValue="#Y%"
                        Name="Present/discuss value added program/distribute value added materials ">
                        <Appearance>
                            <FillStyle FillType="Solid" MainColor="3, 122, 231" GammaCorrection="False">
                            </FillStyle>
                            <TextAppearance TextProperties-Color="Black">
                            </TextAppearance>
                            <Border Visible="False" Width="0" />
                        </Appearance>
                    </telerik:ChartSeries>
                    <telerik:ChartSeries DataYColumn="Group8Perc" DefaultLabelValue="#Y%"
                        Name="Other">
                        <Appearance>
                            <FillStyle FillType="Solid" MainColor="134, 134, 134" GammaCorrection="False">
                            </FillStyle>
                            <TextAppearance TextProperties-Color="Black">
                            </TextAppearance>
                            <Border Visible="False" Width="0" />
                        </Appearance>
                    </telerik:ChartSeries>
                </Series>
                <Legend>
                    <Appearance Dimensions-Margins="1px, 1px, 1px, 1px"
                        Dimensions-Paddings="2px, 8px, 6px, 3px" Overflow="Row"
                        Position-AlignedPosition="Bottom">
                        <ItemTextAppearance TextProperties-Color="Black">
                        </ItemTextAppearance>
                        <ItemMarkerAppearance Figure="Square">
                        </ItemMarkerAppearance>
                        <Border Visible="False" />
                    </Appearance>
                </Legend>
                <PlotArea>
                    <XAxis AutoScale="False" DataLabelsColumn="XLabel" MaxValue="7" MinValue="1"
                        Step="1">
                        <Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134">
                            <MajorGridLines Color="134, 134, 134" Width="0" />
                            <TextAppearance TextProperties-Color="Black">
                            </TextAppearance>
                        </Appearance>
                        <AxisLabel>
                            <TextBlock>
                                <Appearance TextProperties-Color="Black">
                                </Appearance>
                            </TextBlock>
                        </AxisLabel>
                        <Items>
                            <telerik:ChartAxisItem Value="1">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="2">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="3">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="4">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="5">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="6">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="7">
                            </telerik:ChartAxisItem>
                        </Items>
                    </XAxis>
                    <YAxis AutoScale="False" MaxValue="100" MinValue="0" Step="10">
                        <Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134"
                            MinorTick-Color="134, 134, 134" MajorTick-Visible="False"
                            MinorTick-Visible="False">
                            <MajorGridLines Color="134, 134, 134" Visible="False" />
                            <MinorGridLines Color="134, 134, 134" Visible="False" />
                            <TextAppearance TextProperties-Color="Black">
                            </TextAppearance>
                        </Appearance>
                        <AxisLabel>
                            <TextBlock>
                                <Appearance TextProperties-Color="Black">
                                </Appearance>
                            </TextBlock>
                        </AxisLabel>
                        <Items>
                            <telerik:ChartAxisItem>
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="10">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="20">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="30">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="40">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="50">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="60">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="70">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="80">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="90">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="100">
                            </telerik:ChartAxisItem>
                        </Items>
                    </YAxis>
                    <Appearance Dimensions-Margins="90px, 50px, 170px, 50px">
                        <FillStyle FillType="Solid" MainColor="" SecondColor="">
                        </FillStyle>
                    </Appearance>
                </PlotArea>
                <ChartTitle>
                    <Appearance>
                        <FillStyle MainColor="">
                        </FillStyle>
                    </Appearance>
                    <TextBlock Text="Original Purpose(s) of Meeting">
                        <Appearance TextProperties-Color="Black" TextProperties-Font="Arial, 18px">
                        </Appearance>
                    </TextBlock>
                </ChartTitle>
            </telerik:RadChart>

[Jim]

I have figured out why the grey text appears. Apparently the interface changes don't stick and you have to change it in the code for it to apply. Is this a bug? I am using version 2011.2.721.40 version of the components. The interface for RadChart configuration of series does not save all changes.

Any ideas on why items would be transparent and only show the border?

[Evgenia]

Hi Michael,

Could you elaborate a bit more on the issue you are facing with our control. I tried to reproduce it from your code snippet with the 2011.2.721.40 version but to no avail - take a look at the project attached. It will be very helpful if you can start a new formal support thread and send us your runnable sample project so that we can investigate it and help you.

Kind regards,
Evgenia
the Telerik team

[Jim]

I have figured the issue out. A RadChart databound to a source that returns nulls apparently causes formatting issues. The data appearing invisible unless I added a border to it is actually null values. Why the Chart adds a value and a label to these bars where the data is null is unknown but that is the root cause.

[Evgenia]

Hello Michael,

Indeed when databinding RadChart, null values are automatically plotted as empty values. However you can have complete control over the visual style of the empty values as described in our help topic. You may also find our demo helpful.

All the best,
Evgenia
the Telerik team