做app推广上哪些网站,广州模板建站哪家好,开发什么网站好,深圳市工程交易服务中心1、区域划分
生产量/良品统计这部分位于第二列的第二行 2、livechart拆线图 定义折线图,如下:
lvc:CartesianChart lvc:CartesianChart.Series !--设置Series的类型为 Line 类型, 该类型提供了一些折线图的实现-- lvc:LineSeries/…1、区域划分
生产量/良品统计这部分位于第二列的第二行 2、livechart拆线图 定义折线图,如下:
lvc:CartesianChart lvc:CartesianChart.Series !--设置Series的类型为 Line 类型, 该类型提供了一些折线图的实现-- lvc:LineSeries/ /lvc:CartesianChart.Series /lvc:CartesianChart
LinSeries 绑定数据设定Values即可, 可以看到Values单词带s则代表这是一种复数集合类型继承于 IChartValues所以最终绑定的数据符合 ChartValues 即可下图绑定了为数字类型的集合:
lvc:CartesianChart lvc:CartesianChart.Series !--设置Series的类型为 Line 类型, 该类型提供了一些折线图的实现-- lvc:LineSeries Values1,2,3,4,5,6/ lvc:LineSeries Values2,4,6,8,10,12/ /lvc:CartesianChart.Series /lvc:CartesianChart 这里是 LiveChart 一些简单的使用方法下面是用绑定数据的方式进行显示在工作中尽量使用数据绑定的方式更适合项目的维护
1、先定义模型中的属性
YeildValues1YeildValues2是前台控件绑定的属性名称并在构造函数中给变量初始化了数据 2、前台绑定
!--第2行生产量数据--
GroupBox Grid.Row1 Header生产量/良品率统计 TagYield StatisticsGrid Margin20Grid.RowDefinitionsRowDefinition Height20/RowDefinition//Grid.RowDefinitionsStackPanel Grid.Row1 OrientationHorizontal VerticalAlignmentCenter HorizontalAlignmentLeft Margin30,-190,10,0Border Width8 Height8 Background #2BB6FE Margin3,0/TextBlock Text产量 Foreground#44FFFFFF FontSize9 VerticalAlignmentCenter Margin10,0,10,0/Border Width8 Height8 BackgroundIndianRed Margin3,0/TextBlock Text良品率 Foreground#44FFFFFF FontSize9 VerticalAlignmentCenter Margin10,0,10,0//StackPanel!--拆线图--lvc:CartesianChart Grid.Row1 DisableAnimationsTruelvc:CartesianChart.Serieslvc:LineSeries Values{Binding YeildValues1} LineSmoothness0 StrokeIndianRed FillTransparent/lvc:LineSeries Values{Binding YeildValues2} LineSmoothness0 Stroke#DD2BB6FElvc:LineSeries.Fill!--线性渐变--LinearGradientBrush StartPoint0,0 EndPoint0,1GradientStop Color#882BB6FE Offset0/GradientStop Color#442BB6FE Offset0.2/GradientStop Color#112BB6FE Offset1//LinearGradientBrush/lvc:LineSeries.Fill/lvc:LineSeries/lvc:CartesianChart.Series!--X轴布局--lvc:CartesianChart.AxisX!--拆线图底部标签刻度Separator表示间隔大小--lvc:Axis Labels01/01,02/01,03/02,04/02,05/02,06/02,07/02,08/02,09/02,10/02,11/02,12/02 Foreground#33FFFFFFlvc:Axis.Separatorlvc:Separator Step1 StrokeThickness0//lvc:Axis.Separator/lvc:Axis/lvc:CartesianChart.AxisX!--Y轴布局Step表示步长大小MaxValue表示最大值--lvc:CartesianChart.AxisYlvc:Axis MinValue0 MaxValue375 Foreground#33FFFFFFlvc:Axis.Separatorlvc:Separator Step75 Stroke#10FFFFFF//lvc:Axis.Separator/lvc:Axis/lvc:CartesianChart.AxisY/lvc:CartesianChart/Grid
/GroupBox
3、运行效果 4、小结
本节用到了拆线图的相关设置以展示生产量和良品率
走过路过不要错过欢迎点赞收藏转载复制抄袭留言动动你的金手指财务自由
