Spectrum Analyzer (aka "Spec A")
RUX Spectrum Analyzer leverages both Web Components and the D3 data visualization library to create classic, animated "Spec A" instances.
##Guidelines
##Installation
npm i @astrouxds/rux-spectrum-analyzer
##Usage ###Import the RUX Spectrum Analyzer
import { RuxSpectrumAnalyzer } from "@astrouxds/rux-spectrum-analyzer/rux-spectrum-analyzer.js";
###Basic HTML Usage RUX Spectrum Analyzer
<rux-spectrum-analyzer chart-legend-x="freq" chart-legend-y="pwr" chart-title="signals" height="384" width="900" x-scale-min="900" x-scale-max="2301" x-scale-step="175" y-scale-min="-30" y-scale-max="0" data-source="wss://satellite-1.astrouxds.com" data-source-type="web-socket"></rux-spectrum-analyzer>
###Properties
Property | Type | Default | Required | Description |
---|---|---|---|---|
chart-legend-x |
String |
N/A | true | Text value for labeling x axis |
checked-legend-y |
String |
N/A | true | Text value for labeling y axis |
chart-title |
String |
N/A | true | Text value for graph label |
height |
Integer |
N/A | true | Height of graph in pixels |
width |
Integer |
N/A | true | Width of graph in pixels |
x-scale-min |
Integer |
N/A | true | Starting point for x scale |
x-scale-max |
Integer |
N/A | true | Ending point for x scale |
x-scale-step |
Integer |
N/A | true | Interval between labels on x axis |
y-scale-min |
Integer |
N/A | true | Starting point for y scale |
y-scale-max |
Integer |
N/A | true | Ending point for y scale |
y-scale-step |
Integer |
N/A | false | Interval between labels on y axis |
data-source |
String |
N/A | true | URL of data source (currently only supports Web Sockets) |
data-source-type |
String |
N/A | false | For future use |