wpf livechart 绘制笛卡尔曲线

server/2024/10/20 18:59:10/

先上图：

代码部分：

                <GroupBox Header="各生产线生产量趋势"><Grid><Grid.RowDefinitions><RowDefinition Height="45"/><RowDefinition Height="auto"/><RowDefinition/></Grid.RowDefinitions><Border  CornerRadius="5" Background="#EAEAF7" VerticalAlignment="Center" HorizontalAlignment="Right"Margin="15,0"><Border.Resources><Style TargetType="RadioButton"><Setter Property="Width" Value="40"/><Setter Property="Height" Value="25"/><Setter Property="Background" Value="Transparent"/><Setter Property="FontSize" Value="11"/><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="RadioButton"><Border CornerRadius="5"  Background="{TemplateBinding Background}"><ContentPresenter  HorizontalAlignment="Center" VerticalAlignment="Center" ></ContentPresenter></Border></ControlTemplate></Setter.Value></Setter><Style.Triggers><Trigger Property="IsChecked" Value="True"><Setter Property="Background" Value="#5665F4"></Setter><Setter Property="Foreground" Value="White"></Setter></Trigger></Style.Triggers></Style></Border.Resources><Grid><Grid.ColumnDefinitions><ColumnDefinition/><ColumnDefinition Width="auto"/><ColumnDefinition/><ColumnDefinition Width="auto"/><ColumnDefinition/><ColumnDefinition Width="auto"/><ColumnDefinition/></Grid.ColumnDefinitions><Border Background="#DDD" Width="1" Grid.Column="1" Margin="0,5"/><Border Background="#DDD" Width="1" Grid.Column="3" Margin="0,5"/><Border Background="#DDD" Width="1" Grid.Column="5" Margin="0,5"/><RadioButton Content="天" IsChecked="True"/><RadioButton Content="周" Grid.Column="2"/><RadioButton Content="月" Grid.Column="4"/><RadioButton Content="季度" Grid.Column="6"/></Grid></Border><StackPanel  Margin="20,10" TextBlock.Foreground="#888"  ForceCursor="True"  Grid.Row="1" HorizontalAlignment="Left" Orientation="Horizontal" VerticalAlignment="Center"><Border Width="10" Height="4" Background="#5966F1"/><TextBlock Text="生产线1" Margin="10,0,30,0"/><Border Width="10" Height="4" Background="#01BAC0"/><TextBlock Text="生产线2" Margin="10,0,30,0"/><Border Width="10" Height="4" Background="#FF7371"/><TextBlock Text="生产线3" Margin="10,0,30,0"/><Border Width="10" Height="4" Background="#FFC90C"/><TextBlock Text="生产线4" Margin="10,0,30,0"/></StackPanel><!--CartesianChart Series：序列  axis 轴线  chartesian 笛卡尔 --><lvc:CartesianChart Margin="20,10" Grid.Row="2"><lvc:CartesianChart.Series><lvc:LineSeries  Stroke="#5966F1"  Title="生产线11" LineSmoothness="0"    PointGeometrySize="0" Values="22,28,38,35,30,21,32,40,39,35"><lvc:LineSeries.Fill><LinearGradientBrush  EndPoint="0,1" 
StartPoint="0,0"><GradientStop Color="#095770F0" Offset="0.5"></GradientStop><GradientStop Color="Transparent"  Offset="1"></GradientStop></LinearGradientBrush></lvc:LineSeries.Fill></lvc:LineSeries><lvc:LineSeries Values="8,9,10,9.5,9,9.5,12,8,13,7" LineSmoothness="1"  Title="生产线2"  Stroke="#03B9B7"  PointGeometrySize="0" ><lvc:LineSeries.Fill><LinearGradientBrush StartPoint="0,0" EndPoint="0,1"><GradientStop Color="#09FF7778" Offset="0.5"></GradientStop><GradientStop Color="Transparent" Offset="1"></GradientStop></LinearGradientBrush></lvc:LineSeries.Fill></lvc:LineSeries><lvc:LineSeries Values="8,9,10,9.5,9,9.5,12,8,13,7" LineSmoothness="0" PointGeometrySize="0"Stroke="#FF7778" Title="生产线3"><lvc:LineSeries.Fill><LinearGradientBrush StartPoint="0,0" EndPoint="0,1"><GradientStop Color="#09FF7778" Offset="0.5"/><GradientStop Color="Transparent" Offset="1"/></LinearGradientBrush></lvc:LineSeries.Fill></lvc:LineSeries><lvc:LineSeries Values="4,2,5,4.5,5,4.5,6,7,2,4" LineSmoothness="0" PointGeometrySize="0"Stroke="#FFCA06" Title="生产线3"><lvc:LineSeries.Fill><LinearGradientBrush StartPoint="0,0" EndPoint="0,1"><GradientStop Color="#09FFCA06" Offset="0.5"/><GradientStop Color="Transparent" Offset="1"/></LinearGradientBrush></lvc:LineSeries.Fill></lvc:LineSeries></lvc:CartesianChart.Series><lvc:CartesianChart.AxisX><lvc:Axis Labels="09.01,09.02,09.03,09.04,09.05,09.06,09.07,09.08,09.09,09.10"><lvc:Axis.Separator><lvc:Separator Step="1" StrokeThickness="2"></lvc:Separator></lvc:Axis.Separator></lvc:Axis></lvc:CartesianChart.AxisX><lvc:CartesianChart.AxisY ><lvc:Axis MinValue="0" MaxValue="50" LabelFormatter="{Binding YLableFormater}"><lvc:Axis.Separator><lvc:Separator Step="10" Stroke="#ddd" StrokeThickness="0.5" ></lvc:Separator></lvc:Axis.Separator></lvc:Axis></lvc:CartesianChart.AxisY></lvc:CartesianChart></Grid></GroupBox>


http://www.ppmy.cn/server/107014.html

相关文章

网络应用层之(2)DNS协议

网络应用层之(2)DNS协议

网络应用层之(2)DNS协议 Author: Once Day Date: 2024年8月12日 一位热衷于Linux学习和开发的菜鸟&#xff0c;试图谱写一场冒险之旅&#xff0c;也许终点只是一场白日梦… 漫漫长路&#xff0c;有人对你微笑过嘛… 全系列文章可参考专栏: 通信网络技术_Once-Day的博客-CSDN…
阅读更多...
使用rosed命令编辑文件

使用rosed命令编辑文件

使用rosed roscpp Logger.msg命令就可以使用默认编辑器vim打开roscpp包里的Logger.msg文件进行修改&#xff0c;而对于默认编辑器&#xff0c;我们可以通过在~/.bash里添加如下项修改&#xff1a; 修改为入门的nano编辑器&#xff1a; export EDITOR’nano -w’ 修改为emacs编…
阅读更多...
DataX（Doris同步数据到SelectDB）

DataX（Doris同步数据到SelectDB）

背景 由于之前的doris数仓在本地的服务器&#xff0c;当数据量越来越大&#xff0c;服务器的性能达不到要求&#xff0c;查询数据经常超时&#xff0c;故需要把本地的doris数仓部署到云上&#xff0c;本文以阿里云为例&#xff0c;迁移工具使用的阿里开源的datax。 datax官方文…
阅读更多...
Oracle goldengate部署（ogg-for-kafka）HP-UX BCLINUX-for-Eular

Oracle goldengate部署（ogg-for-kafka）HP-UX BCLINUX-for-Eular

Oracle goldengate部署（ogg-for-kafka） 1、环境信息 源端数仓系统环境如下： 组件名称版本信息操作系统环境HP-UX evansdb2 B.11.31 U ia64数据库版本11.2.0.4.180116OGG 版本12.3.0.1.190115KAFKA 目标端环境如下： 组件名称版本信息操作系统环境BigCloud Enterprise Linu…
阅读更多...
使用idea快速创建springbootWeb项目(springboot+springWeb+mybatis-Plus)

使用idea快速创建springbootWeb项目(springboot+springWeb+mybatis-Plus)

idea快速创建springbootWeb项目 详细步骤如下 1&#xff09;创建项目 2&#xff09;选择springboot版本 3&#xff09;添加web依赖 4&#xff09;添加Thymeleaf 5&#xff09;添加lombok依赖 然后点击create进入下一步 双击pom.xml文件 6&#xff09;添加mybatis-plus依赖 …
阅读更多...
C语言：科目二【基础知识】

C语言：科目二【基础知识】

文章目录 0x1 常见0x2 Lambda0x3 define typedef using0x4 基类 菱形继承(虚基类)0x5 构造0x6 智能指针&#xff08;涉及RAII概念&#xff09; todo0x7 类型推导[auto 与 decltype] todo0x8 多线程加锁问题0x9 C语言__attribute__0xA 错题辨析 0x1 常见 c 科目二 每日一题 类相…
阅读更多...
mac安装xmind

mac安装xmind

文章目录 介绍软件功能下载安装1.下载完成后打开downloads 双击进行安装2.将软件拖到应用程序中3.在启动台中搜索打开4.提示损坏问题解决5.执行完成关闭命令窗口6.打开成功&#xff0c;点击继续&#xff0c;跳过登录7.打开成功后&#xff0c;点击关于 小结 介绍 XMind 是一款流…
阅读更多...
Java项目中的分库分表实践指南

Java项目中的分库分表实践指南

摘要 随着互联网应用的快速发展&#xff0c;单一数据库实例越来越难以满足高并发和大数据量的需求。分库分表是一种有效的解决方案&#xff0c;它通过将数据分散存储到不同的数据库或表中来提高系统的扩展性和性能。本文将详细介绍Java项目中实现分库分表的策略、步骤和最佳实…
阅读更多...
最新文章

Copyright @ 2022~2023