opendash
Version:
open.DASH data visualization framework
80 lines • 2.95 kB
JavaScript
import * as React from "react";
import { useTranslation } from "../..";
import { VisualisationType } from "./types";
import { Select } from "./select";
export var Step2 = function (_a) {
var state = _a.state, updateState = _a.updateState;
var t = useTranslation(["opendash"])[0];
return (React.createElement(React.Fragment, null,
React.createElement(Select, { value: state.visualisation, onChange: function (nextValue) {
updateState(function (draft) {
draft.visualisation = nextValue;
draft.settings = {};
});
}, options: [
{
label: "Zeit-Diagramm",
icon: "area-chart",
tooltip: null,
value: VisualisationType.TIMESERIES,
disabled: false,
},
{
label: "Kuchen-Diagramm",
icon: "pie-chart",
tooltip: null,
value: VisualisationType.PIE,
disabled: false,
},
{
label: "Heatmap-Diagramm",
icon: "heat-map",
tooltip: null,
value: VisualisationType.HEATMAP,
disabled: false,
},
{
label: "Spider-Diagramm",
icon: "radar-chart",
tooltip: null,
value: VisualisationType.SPIDER,
disabled: false,
},
{
label: "Histogramm",
icon: "bar-chart",
tooltip: null,
value: VisualisationType.HISTOGRAMM,
disabled: false,
},
{
label: "Hierarchie-Diagramm",
icon: "fork",
tooltip: null,
value: VisualisationType.HIERARCHY,
disabled: true,
},
{
label: "Kennzahl",
icon: "number",
tooltip: null,
value: VisualisationType.KPI,
disabled: false,
},
{
label: "Tabelle",
icon: "table",
tooltip: null,
value: VisualisationType.TABLE,
disabled: false,
},
{
label: "Rohdaten",
icon: "build",
tooltip: null,
value: VisualisationType.RAW,
disabled: false,
},
] })));
};
//# sourceMappingURL=step_2.js.map