翻譯|行業(yè)資訊|編輯:龔雪|2023-12-26 10:42:10.150|閱讀 88 次
概述:本文將為大家介紹KendoReact圖表趨勢(shì)線功能,看看它是如何輕松可視化大量數(shù)據(jù)的,歡迎下載新版組件體驗(yàn)!
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>
當(dāng)您在處理大量數(shù)據(jù)時(shí)很容易陷入困境,KendoReact圖表趨勢(shì)線使用一種全新的方式來(lái)處理這種情況!
Kendo UI是帶有jQuery、Angular、React和Vue庫(kù)的JavaScript UI組件的最終集合,無(wú)論選擇哪種JavaScript框架,都可以快速構(gòu)建高性能響應(yīng)式Web應(yīng)用程序。通過(guò)可自定義的UI組件,Kendo UI可以創(chuàng)建數(shù)據(jù)豐富的桌面、平板和移動(dòng)Web應(yīng)用程序。通過(guò)響應(yīng)式的布局、強(qiáng)大的數(shù)據(jù)綁定、跨瀏覽器兼容性和即時(shí)使用的主題,Kendo UI將開(kāi)發(fā)時(shí)間加快了50%。
Trendlines是一個(gè)新元素,可以選擇性地添加到Progress KendoReact Chart組件中,它提供了數(shù)據(jù)集中趨勢(shì)的可視化表示(以添加到圖表中的附加線的形式)。
可以添加兩種類(lèi)型的趨勢(shì)線:
我們可以在這兩個(gè)選項(xiàng)之間進(jìn)行選擇,或者將它們都添加到單個(gè)圖表中!只需在Chart組件中添加一個(gè)新的ChartSeriesItem子組件,并定義類(lèi)型和for屬性,來(lái)選擇使用哪種類(lèi)型的趨勢(shì)線以及基于哪些數(shù)據(jù)。
<ChartSeriesItem type="movingAverageTrendline" for="Sales By Quarter" />
同時(shí)還可以隨意更改顏色、破折號(hào)類(lèi)型、名稱、樣式等,如果圖表有很多不同的內(nèi)容,這可以幫助將其在視覺(jué)上區(qū)分開(kāi)來(lái)。
趨勢(shì)線可以做的最酷的事情是基于當(dāng)前數(shù)據(jù)集創(chuàng)建預(yù)期結(jié)果的預(yù)測(cè),如銷(xiāo)售預(yù)測(cè)或增長(zhǎng)預(yù)測(cè)等!
要?jiǎng)?chuàng)建您自己的預(yù)測(cè),請(qǐng)將before和after屬性設(shè)置為所需間隔的數(shù)量添加到ChartSeriesItem。
<ChartSeriesItem name="Sales Forecast (LINEAR)" type="linearTrendline" for="Sales By Quarter" trendline={{ forecast: { before: 2, after: 5 } }} />
Trendline(趨勢(shì)線)元素允許我們?yōu)橛脩籼峁┮粋€(gè)新的視角和對(duì)圖表組件中數(shù)據(jù)的理解。
Telerik_KendoUI產(chǎn)品技術(shù)交流群:726377843 歡迎一起進(jìn)群討論
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都網(wǎng)