Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>The gradient effect is possible using the free version of <a href="http://www.visiblox.com" rel="nofollow">Visiblox Silverlight Charts</a>. See the example application 'Hindsight' to see how Visiblox charts can be applied to an application of this context.</p> <p>I've attached a crude code snippet of the XAML on how to achieve this effect:</p> <pre><code>&lt;UserControl x:Class="SilverlightApplication1.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:v="clr-namespace:Visiblox.Charts;assembly=Visiblox.Charts"&gt; &lt;UserControl.Resources&gt; &lt;LinearGradientBrush x:Key="GradientBrush" StartPoint="1.0, 0.0" EndPoint="1.0, 1.0"&gt; &lt;GradientStop Color="AliceBlue" Offset="0.3" /&gt; &lt;GradientStop Color="DarkBlue" Offset="0.7" /&gt; &lt;/LinearGradientBrush&gt; &lt;/UserControl.Resources&gt; &lt;Grid x:Name="LayoutRoot" Background="White"&gt; &lt;v:Chart x:Name="Chart"&gt; &lt;v:Chart.Series&gt; &lt;v:LineSeries x:Name="Series" ShowArea="True" AreaFill="{StaticResource GradientBrush}"/&gt; &lt;/v:Chart.Series&gt; &lt;/v:Chart&gt; &lt;/Grid&gt; </code></pre> <p></p> <p>Personally, I would take the action that Hindsight does, removing the area under lines when there are multiple series on the plot area. I think at that point the gradients get in the way of the data, and as you mentioned above, to do something about this incurs a computational cost. This could also lead to misinterpretations of the data so be wary.</p> <p>In terms of getting your data to the chart, you can use the Visiblox BindableDataSeries to bind your business objects directly onto the chart. :)</p> <p>Disclosure: I have previously worked as a developer on Visiblox Charts.</p> <p>Hope this helps!</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload