dev ChartControl的最全使用方法 有横轴纵轴高亮显示

dev ChartControl的最全使用方法   有横轴纵轴高亮显示

首先说明一下(DEV15.2)

第一步在界面上拖动一个ChartControl

数据横轴是时间(08:19:32)

纵轴是个float类型的数值

///看一下效果



下面附上配置代码,本来是界面设置的,但是为了共享给大家,我有手动敲了一遍

            Series series1 = new Series("RT", ViewType.Spline);//平滑的曲线
            //数据类型
            series1.ArgumentScaleType = ScaleType.DateTime;//X时间
            series1.ValueScaleType = ScaleType.Numerical;//Y数值
            //焦点显示
            series1.CrosshairLabelPattern = "{V:#.00}";//鼠标悬浮的时候的焦点显示的格式
            //绑定字段
            series1.ArgumentDataMember = "create_time";//绑定字段
            series1.ValueDataMembers[0] = "gyro_rlc";//绑定字段
            series1.View.Color = Color.Green;//设置颜色
            chartControl1.Series.Add(series1);//将Series添加进去




            //设置X轴Y轴的显示样式
            XYDiagram xyDia = chartControl1.Diagram as XYDiagram;
            xyDia.EnableAxisXScrolling = true;//滚动
            xyDia.EnableAxisYScrolling = true;
            xyDia.EnableAxisXZooming = true;//缩放
            xyDia.AxisX.DateTimeScaleOptions.ScaleMode = ScaleMode.Manual;//x轴是扫描轴,时间类型
            xyDia.AxisX.DateTimeScaleOptions.MeasureUnit = DateTimeMeasureUnit.Second;//测量单位是秒这样才能显示到秒
            xyDia.AxisX.DateTimeScaleOptions.GridAlignment = DateTimeGridAlignment.Second;
            xyDia.AxisX.DateTimeScaleOptions.GridSpacing = 1;//
            xyDia.AxisX.DateTimeScaleOptions.AggregateFunction = AggregateFunction.Average;
            xyDia.AxisX.MinorCount = 1;
            xyDia.AxisX.WholeRange.MinValue = (dt.Rows[0])["create_time"];
            xyDia.AxisX.WholeRange.MaxValue = (dt.Rows[dt.Rows.Count - 1])["create_time"];
            xyDia.AxisX.VisualRange.MinValue = (dt.Rows[0])["create_time"];//这个玩意好像是设置滚动轴的
            xyDia.AxisX.VisualRange.MaxValue = (dt.Rows[1000])["create_time"];
            xyDia.AxisX.Label.Angle = -30;//字太长了,旋转一点点


            xyDia.AxisY.NumericScaleOptions.GridSpacing = 10;//Y轴只显示,设置步长度就行
            xyDia.AxisY.MinorCount = 1;
            xyDia.AxisY.WholeRange.MinValue = 0;
            xyDia.AxisY.WholeRange.MaxValue = 360;
            xyDia.AxisY.VisualRange.MinValue = 60;
            xyDia.AxisY.VisualRange.MaxValue = 120;


            chartControl1.CrosshairOptions.ValueLineColor = Color.Black;
            chartControl1.CrosshairOptions.ArgumentLineColor = Color.Black;
            chartControl1.CrosshairOptions.GroupHeaderPattern = "{A:d}";
            chartControl1.CrosshairOptions.ShowArgumentLabels = true;
            chartControl1.CrosshairOptions.ShowValueLine = true;
            //chartControl1.CrosshairOptions.CommonLabelPosition = new DevExpress.XtraCharts.CrosshairMousePosition();这个焦点显示的值得悬浮窗会跟着鼠标走

            chartControl1.CrosshairOptions.CommonLabelPosition = new DevExpress.XtraCharts.CrosshairFreePosition();//这个焦点显示的值得悬浮窗固定了



Dev ChartControl 是一个强大的图表控件,可以用于创建饼状图来展示数据。饼状图是一种常用的数据可视化工具,通过将数据按比例呈现在一个圆形饼状图中,直观地展示数据的比例和占比关系。使用 Dev ChartControl 创建饼状图非常简单,首先我们需要提供要展示的数据,然后通过设置控件的属性和样式来定制化饼状图的外观和交互功能。 在使用 Dev ChartControl 创建饼状图时,我们可以设置数据源、数据字段和显示格式,以及自定义饼状图的颜色、标签、标题等元素。我们还可以通过添加交互功能,比如鼠标悬停提示、点击响应等,使饼状图更加生动和易于理解。同时,Dev ChartControl 还支持动态更新数据和实时刷新图表,在数据发生变化时,可以即时更新饼状图,以保持图表的准确性和实用性。 除了基本的数据展示功能,Dev ChartControl 还提供了丰富的自定义选项和扩展功能,比如数据筛选、排序、分组等,可以让用户根据实际需求对数据进行灵活处理和展示。另外,Dev ChartControl 还支持多种数据格式和数据源,包括数据库、文件、API 接口等,可以方便地对接各种数据来源,并快速生成相应的饼状图。总的来说,使用 Dev ChartControl 创建饼状图可以帮助我们清晰地呈现数据,并从中发现规律和趋势,为商业决策和数据分析提供有力支持。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值