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