@rcsb/rcsb-charts
Version:
33 lines • 1.14 kB
JavaScript
import * as React from "react";
import { createRoot } from "react-dom/client";
import { ChartComponent } from "../RcsbChartComponent/ChartComponent";
import { BarChartDataProvider } from "../RcsbChartDataProvider/BarChartDataProvider";
import { ChartJsBarComponent } from "../RcsbChartImplementations/ChatJsImplementations/ChartJsBarComponent";
const node = document.getElementById("chart-element");
if (node == null)
throw `ERROR: HTML element not found`;
const data = [{
label: "A",
population: 0
}, {
label: "ABCDEFGHIJKLMNOPQRSTUVWXYZ",
population: 2
}, {
label: "C",
population: 3
}, {
label: "D",
population: 1
}, {
label: "E",
population: 6
}];
const root = createRoot(node);
root.render(React.createElement(ChartComponent, { data: [data], chartComponentImplementation: ChartJsBarComponent, dataProvider: new BarChartDataProvider(), chartConfig: {
chartDisplayConfig: {
constWidth: 100,
minBarLength: 5
},
domainEmptyBins: true
} }));
//# sourceMappingURL=SingleBars.js.map