界面控件KendoReact的图表趋势线，可轻松可视化大量数据！-控件新闻-慧都网

界面控件KendoReact的图表趋势线，可轻松可视化大量数据！

翻译|行业资讯|编辑：龚雪|2023-12-26 10:42:10.150|阅读 59 次

概述：本文将为大家介绍KendoReact图表趋势线功能，看看它是如何轻松可视化大量数据的，欢迎下载新版组件体验！

当您在处理大量数据时很容易陷入困境，KendoReact图表趋势线使用一种全新的方式来处理这种情况！

Kendo UI是带有jQuery、Angular、React和Vue库的JavaScript UI组件的最终集合，无论选择哪种JavaScript框架，都可以快速构建高性能响应式Web应用程序。通过可自定义的UI组件，Kendo UI可以创建数据丰富的桌面、平板和移动Web应用程序。通过响应式的布局、强大的数据绑定、跨浏览器兼容性和即时使用的主题，Kendo UI将开发时间加快了50%。

Kendo UI R3 2023 SP1新版下载

什么是趋势线？

Trendlines是一个新元素，可以选择性地添加到Progress KendoReact Chart组件中，它提供了数据集中趋势的可视化表示(以添加到图表中的附加线的形式)。

可以添加两种类型的趋势线：

线性：描述某一特定数量是随时间增加还是减少

移动平均线：通过平均一段时间内的所有点来平滑数据的变化

实现趋势线

我们可以在这两个选项之间进行选择，或者将它们都添加到单个图表中！只需在Chart组件中添加一个新的ChartSeriesItem子组件，并定义类型和for属性，来选择使用哪种类型的趋势线以及基于哪些数据。

<ChartSeriesItem
type="movingAverageTrendline"
for="Sales By Quarter"
/>

同时还可以随意更改颜色、破折号类型、名称、样式等，如果图表有很多不同的内容，这可以帮助将其在视觉上区分开来。

趋势线预测

趋势线可以做的最酷的事情是基于当前数据集创建预期结果的预测，如销售预测或增长预测等！

要创建您自己的预测，请将before和after属性设置为所需间隔的数量添加到ChartSeriesItem。

<ChartSeriesItem
name="Sales Forecast (LINEAR)"
type="linearTrendline"
for="Sales By Quarter"
trendline={{ forecast: { before: 2, after: 5 } }}
/>

Trendline（趋势线）元素允许我们为用户提供一个新的视角和对图表组件中数据的理解。

Telerik_KendoUI产品技术交流群：726377843 欢迎一起进群讨论

了解最新Kendo UI最新资讯，请关注Telerik中文网！

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：慧都网

在线采购

中文文档库

试用/Demo下载

开发社群