-<nav><ul><li><a href="/">TinyBase</a></li><li><a href="/api/">API</a></li><li><a href="/api/ui-react-dom-charts/"><code>ui-react-dom-charts</code></a></li><li><a href="/api/ui-react-dom-charts/functions/">Functions</a></li></ul></nav><section class="s1" id="/api/ui-react-dom-charts/functions/" data-id="u3/F49"><h1>Functions</h1><section class="s2" id="/api/ui-react-dom-charts/functions/store-components/barchart/" data-id="BC"><h2><code>BarChart</code></h2><p>The <a href="/api/ui-react-dom-charts/functions/store-components/barchart/"><code>BarChart</code></a> component renders a bar chart from TinyBase data. Its x values are always rendered categorically, even when they are finite numbers. Boolean category labels are rendered as <code>true</code> and <code>false</code>. <a href="/api/ui-react-dom-charts/functions/store-components/barchart/">Read more</a>.</p></section><section class="s2" id="/api/ui-react-dom-charts/functions/store-components/barseries/" data-id="BS"><h2><code>BarSeries</code></h2><p>The <a href="/api/ui-react-dom-charts/functions/store-components/barseries/"><code>BarSeries</code></a> component renders a bar series in a <a href="/api/ui-react-dom-charts/functions/store-components/cartesianchart/"><code>CartesianChart</code></a> component. Its x values are always rendered categorically, even when they are finite numbers. Boolean category labels are rendered as <code>true</code> and <code>false</code>. <a href="/api/ui-react-dom-charts/functions/store-components/barseries/">Read more</a>.</p></section><section class="s2" id="/api/ui-react-dom-charts/functions/store-components/cartesianchart/" data-id="CC8"><h2><code>CartesianChart</code></h2><p>The <a href="/api/ui-react-dom-charts/functions/store-components/cartesianchart/"><code>CartesianChart</code></a> component renders a chart frame and provides TinyBase source and layout context to <a href="/api/ui-react-dom-charts/functions/store-components/lineseries/"><code>LineSeries</code></a> component and <a href="/api/ui-react-dom-charts/functions/store-components/barseries/"><code>BarSeries</code></a> component children. <a href="/api/ui-react-dom-charts/functions/store-components/cartesianchart/">Read more</a>.</p></section><section class="s2" id="/api/ui-react-dom-charts/functions/store-components/linechart/" data-id="LC"><h2><code>LineChart</code></h2><p>The <a href="/api/ui-react-dom-charts/functions/store-components/linechart/"><code>LineChart</code></a> component renders a line chart from TinyBase data. If every x value is a finite number, the x axis is rendered as a continuous numeric scale. If any x value is a string or boolean, the x axis is rendered categorically. When sortCellId is omitted, rows are sorted by xCellId. <a href="/api/ui-react-dom-charts/functions/store-components/linechart/">Read more</a>.</p></section><section class="s2" id="/api/ui-react-dom-charts/functions/store-components/lineseries/" data-id="LS2"><h2><code>LineSeries</code></h2><p>The <a href="/api/ui-react-dom-charts/functions/store-components/lineseries/"><code>LineSeries</code></a> component renders a line series in a <a href="/api/ui-react-dom-charts/functions/store-components/cartesianchart/"><code>CartesianChart</code></a> component. If every x value in every series is a finite number, the x axis is rendered as a continuous numeric scale. If any x value is a string or boolean, the x axis is rendered categorically. When sortCellId is omitted, rows are sorted by xCellId. <a href="/api/ui-react-dom-charts/functions/store-components/lineseries/">Read more</a>.</p></section></section>
0 commit comments