非常基本的 SilverLight LineSeries 图有问题答案

【问题标题】：Having problem with very basic SilverLight LineSeries graph非常基本的 SilverLight LineSeries 图有问题
【发布时间】：2010-11-03 16:47:37
【问题描述】：

过去几天我一直在试图找出 SilverLight 4 LineSeries 图表，由于某种奇怪的原因，图表正在显示但线条没有显示。我很确定我的错误是非常基本的，但我一直在努力自己查明问题。

下面是我遇到问题的代码。

<toolkit:Chart HorizontalAlignment="Left" x:Name="chartLine" Margin="31,35,0,0" Title="Chart for test" VerticalAlignment="Top" Height="233" Width="309">
        <toolkit:LineSeries IsSelectionEnabled="True" HorizontalAlignment="Left" DependentValuePath="Y" IndependentValuePath="X" Margin="195,49,0,0" Name="lineSeries1" VerticalAlignment="Top" Height="78" Width="130">
                <toolkit:LineSeries.ItemsSource>          
                    <PointCollection>
                        <Point>1,10</Point>
                        <Point>2,20</Point>
                        <Point>3,30</Point>
                        <Point>4,40</Point>
                    </PointCollection>        
            </toolkit:LineSeries.ItemsSource>           

        </toolkit:LineSeries>           
        </toolkit:Chart>

如果有人能指出一些 Silverlight 上带有可滚动图表的代码示例，我也将不胜感激。

提前谢谢你。

【问题讨论】：

标签： c# asp.net silverlight .net-3.5 silverlight-4.0

【解决方案1】：

这是更正后的 XAML。您的问题是您在 LineSeries 中设置的 HorizontalAlignment/VerticalAlignment/Margin/Width/Height。删除这些可以解决问题。

这是完整的 XAML，它显示了带有正确放置线条的图表。

<UserControl x:Class="SilverlightApplication1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
    <toolkit:Chart HorizontalAlignment="Left" x:Name="chartLine" Margin="31,35,0,0" Title="Chart for test" VerticalAlignment="Top" Height="233" Width="309">
      <toolkit:LineSeries IsSelectionEnabled="True" DependentValuePath="Y" IndependentValuePath="X" Name="lineSeries1">
        <toolkit:LineSeries.ItemsSource>
          <PointCollection>
            <Point>1,10</Point>
            <Point>2,20</Point>
            <Point>3,30</Point>
            <Point>4,40</Point>
          </PointCollection>
        </toolkit:LineSeries.ItemsSource>
      </toolkit:LineSeries>
    </toolkit:Chart>
  </Grid>
</UserControl>

【讨论】：

我删除了它们再次尝试但它没有工作，而不是改变了你提供的例子，它不再工作了。它显示图表，但不显示图表内的实际线条。似乎我无法完全看到 X 和 Y 面板。在 X 上我只看到“0”，而在“Y”上什么也没有。
@Dmitris 听起来您的 XAML 有其他问题，可能在图表周围的容器中，请尝试提供更完整的示例代码。您也可以尝试在空白页面的新 silverlight 项目中编辑这部分 xaml，看看问题出在哪里。
@Dmitris 我已经更新了我的示例，以显示一个空白控件的完整 XAML，其中只有图表。看看这是否适合你。