Silverlight Chart(一) ----chart基本设置

      Silverlight 前台界面         MainPage.xaml:

    <UserControl.Resources>                           //设置图表样式

         <ControlTemplate x:Key="ChartLayoutLegendBottom" TargetType="toolkitChart:Chart">
            <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <!--<toolkit:Title Grid.Row="0" Content="{TemplateBinding Title}" Style="{TemplateBinding TitleStyle}" />-->
                    <Grid Grid.Row="1" Margin="0,15,0,15">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                        <chartingprimitives:EdgePanel x:Name="ChartArea" Style="{TemplateBinding ChartAreaStyle}" Grid.Column="0">
                            <Grid Canvas.ZIndex="-1" Style="{TemplateBinding PlotAreaStyle}" />
                            <Border Canvas.ZIndex="10" BorderBrush="#FF919191" BorderThickness="1" />
                        </chartingprimitives:EdgePanel>
                    </Grid>
                    <toolkit:Legend x:Name="Legend" Header="{TemplateBinding LegendTitle}" Style="{StaticResource BottomLegendLayout}" Grid.Row="2" />
                </Grid>
            </Border>
        </ControlTemplate>
    </UserControl.Resources>


               <toolkitChart:Chart Height="434" HorizontalAlignment="Left" Margin="11,57,0,0"
                            Name="chart" VerticalAlignment="Top" Width="735"
                            BorderThickness="0" MouseRightButtonDown="chart_MouseRightButtonDown" Grid.ColumnSpan="2" Template="{StaticResource        ChartLayoutLegendBottom}"></toolkitChart:Chart>


       Silverlight 后台代码(MainPage.xaml.cs)

        public MainPage()
        {
            InitializeComponent();
        
            Loaded += new RoutedEventHandler(MainPage_Loaded);
         
        }

void MainPage_Loaded(object sender, RoutedEventArgs e)
        {

            #region Styles

            ChartAreaStyle.TargetType = typeof(System.Windows.Controls.Grid);

            dataPointStyle.TargetType = typeof(System.Windows.Controls.Control);

            timeStyle.TargetType = typeof(System.Windows.Controls.Control);

            ChartAreaStyle.Setters.Add(setterArea);

            timeStyle.Setters.Add(setterTime);

            #endregion

            //定义X轴
            IAxis dateAxis = new DateTimeAxis { Orientation = AxisOrientation.X, Title = "时间", IntervalType = DateTimeIntervalType.Minutes, Interval = int_X, AxisLabelStyle = timeStyle, Minimum = dateMin, Maximum = dateMax };
            //定义Y轴
            IAxis valueAxis = new LinearAxis { Orientation = AxisOrientation.Y, Location = AxisLocation.Left, Title = "Lines", Minimum = -10, Maximum = 10, ShowGridLines = true };

            chart.Title = null;

            chart.PlotAreaStyle = ChartAreaStyle;
            chart.Background = new SolidColorBrush(Color.FromArgb(100, 225, 225, 200));

            chart.Axes.Add(dateAxis);
            chart.Axes.Add(valueAxis);

        }


  • 5
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值