當您在處理大量數據時很容易陷入困境，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    歡迎一起進群討論