翻譯|使用教程|編輯:吳園園|2019-11-19 13:19:10.810|閱讀 352 次
概述:本系列文章將為您介紹JavaScript圖表庫(kù)LightningChart JS交互示例,此示例顯示如何繪制步驟圖。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷售中 >>
相關(guān)鏈接:
LightningChart JS是Web上性能最高的圖表庫(kù)具有出色的執(zhí)行性能 - 使用高數(shù)據(jù)速率同時(shí)監(jiān)控?cái)?shù)十個(gè)數(shù)據(jù)源。 GPU加速和WebGL渲染確保您的設(shè)備的圖形處理器得到有效利用,從而實(shí)現(xiàn)高刷新率和流暢的動(dòng)畫(huà)。非常適合用于貿(mào)易,工程,航空航天,醫(yī)藥和其他領(lǐng)域的應(yīng)用。
JavaScript圖表庫(kù)LightningChart JS最新版本v1.0.0發(fā)布,點(diǎn)擊查看詳情!
點(diǎn)擊下載LightningChart JS社區(qū)版
步驟系列
也稱為步驟圖或步驟圖
此示例顯示了具有不同預(yù)處理模式的步驟系列的基本用法。與線系列相似,它在笛卡爾坐標(biāo)系上繪制,表示兩個(gè)變量之間的關(guān)系。但是,它用于可視化具有不規(guī)則波動(dòng)的變化變量,從而形成階梯狀的級(jí)數(shù)。
以不規(guī)則間隔更改的數(shù)據(jù)在更改之間保持不變。圖表的垂直上升線表示數(shù)據(jù)及其大小的變化,水平-區(qū)間內(nèi)數(shù)據(jù)的恒定性。
步驟系列的創(chuàng)建與任何基本線系列相同,唯一的區(qū)別是附加的可選參數(shù)指定了該系列的“步驟選項(xiàng)”。
const stepSeries = chart.addStepSeries( { mode: stepOption } )
無(wú)需準(zhǔn)備數(shù)據(jù),將根據(jù)選擇的步進(jìn)模式從提供的曲線自動(dòng)生成步進(jìn)圖。
步驟選項(xiàng) | 描述 |
之前 | 大小在下一個(gè)間隔開(kāi)始之前發(fā)生變化。 |
中間 | 幅度在間隔的中點(diǎn)處更改。 |
之后 | 幅度在上一個(gè)間隔結(jié)束后發(fā)生變化。 |
該系列接受具有指定的IndividualPointFill 格式的點(diǎn),以啟用單個(gè)點(diǎn)著色或其他填充樣式。一次調(diào)用即可添加任意數(shù)量的點(diǎn),類似于帶有點(diǎn)標(biāo)記的線系列。{ x: number, y: number: color: Color }{ x: number, y: number }
推薦閱讀:
LightningChart JS重磅上新,你值得擁有的性能最高的JavaScript圖表庫(kù)!
=====================================================
如果你想LightningChart JS應(yīng)用于商業(yè)用途,歡迎。
關(guān)注下方的微信公眾號(hào),及時(shí)獲取產(chǎn)品最新資訊▼▼▼
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: