+1-888-365-2779
Try Now
More in this section

Forums / Designing & Styling / Apply shadow for Radchart Border line

Apply shadow for Radchart Border line

8 posts, 0 answered
  1. Arima
    Arima avatar
    4 posts
    Registered:
    31 Mar 2011
    18 Aug 2011
    Link to this post
    Hi

    I want to set the shadow effect on the radchart border. Is it possible ?
  2. Evgenia
    Evgenia avatar
    4 posts
    Registered:
    02 Dec 2016
    18 Aug 2011
    Link to this post
    Hello Arima,

    RadChart for ASP.NET AJAX supports shadows for its elements. You can control the Blur, Distance, Color and Position as demonstrated here.
    To set Shadow effect for the Border of the PlotArea you may use the following code:
    <PlotArea>   
         <Appearance>
              <FillStyle FillType="Solid" MainColor="White">
              </FillStyle>
              <Border Color="202, 200, 171" />
              <Shadow Blur="5" Distance="3" />
          </Appearance>
      </PlotArea>

    Kind regards,
    Evgenia
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Arima
    Arima avatar
    4 posts
    Registered:
    31 Mar 2011
    18 Aug 2011
    Link to this post
    Hi Evgenia

    I am asking shadow line for outer line(boder) of radchart not for the data series. I have already tried what you have mentioned here, it was doing the shadows for the plot area. Please see the attached image.

  4. Evgenia
    Evgenia avatar
    4 posts
    Registered:
    02 Dec 2016
    19 Aug 2011
    Link to this post
    Hi Arima,

    To have the Shadow effect applied to your outer border set the code between the starting and ending tags of RadChart like this:
    <telerik:RadChart ID="MyShadowedChart"
                <Appearance>
                    <Shadow Blur="3" Color="Azure" Distance="3" />
                </Appearance>
    </telerik:RadChart>

    Kind regards,
    Evgenia
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. Arima
    Arima avatar
    4 posts
    Registered:
    31 Mar 2011
    19 Aug 2011
    Link to this post
    Hi Evgenia

    I followed your way. But still i am not getting the expected result. I am attachig the result image.

    <

     

     

    telerik:RadChart ID="MyShadowedChart" runat="server">

     

     

     

    <Appearance>

     

     

     

    <Shadow Blur="3" Color="Azure" Distance="3" />

     

     

     

    </Appearance>

     

    </

     

     

    telerik:RadChart>

     

  6. Evgenia
    Evgenia avatar
    4 posts
    Registered:
    02 Dec 2016
    24 Aug 2011
    Link to this post
    Hi Arima,

    My bad - I omitted the PlotArea starting and ending tags in the code snippet provided before. Here's how it should look like:

    <telerik:RadChart ID="MyShadowedChart">
          <PlotArea>
                <Appearance
                    <Shadow Blur="3" Color="Azure" Distance="3" /> 
                </Appearance
          </PlotArea>
    </telerik:RadChart>

    Best wishes,
    Evgenia
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  7. Arima
    Arima avatar
    4 posts
    Registered:
    31 Mar 2011
    26 Aug 2011
    Link to this post
    Hi Evgenia

    I don't want to apply shadow effect on Plot area. I need for the outer line(Border) of radchart.
  8. Evgenia
    Evgenia avatar
    4 posts
    Registered:
    02 Dec 2016
    29 Aug 2011
    Link to this post
    Hi Arima,

    I'm sorry for misleading you. Unfortunately there is no way to set Shadow to the outer-most border of the Chart since the Shadow effect is available for Chart's elements only (Legend, Title and PlotArea).

    Greetings,
    Evgenia
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

8 posts, 0 answered