@netdata/charts
Version:
Netdata frontend SDK and chart utilities
53 lines • 1.6 kB
JavaScript
import React from "react";
import { Flex, TextSmall, Checkbox } from "@netdata/netdata-ui";
import { useAttributeValue, useChart } from "../../provider";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var ChartElements = function ChartElements() {
var chart = useChart();
var enabledYAxis = useAttributeValue("enabledYAxis");
var enabledXAxis = useAttributeValue("enabledXAxis");
var legend = useAttributeValue("legend");
var update = function update(changes) {
chart.updateAttributes(changes);
chart.trigger("yAxisChange");
};
return /*#__PURE__*/_jsxs(Flex, {
column: true,
gap: 2,
children: [/*#__PURE__*/_jsx(TextSmall, {
color: "textNoFocus",
strong: true,
children: "Chart Elements"
}), /*#__PURE__*/_jsxs(Flex, {
column: true,
gap: 1,
alignItems: "start",
children: [/*#__PURE__*/_jsx(Checkbox, {
label: "Show Y-Axis",
checked: enabledYAxis,
onChange: function onChange(checked) {
return update({
enabledYAxis: checked
});
}
}), /*#__PURE__*/_jsx(Checkbox, {
label: "Show X-Axis",
checked: enabledXAxis,
onChange: function onChange(checked) {
return update({
enabledXAxis: checked
});
}
}), /*#__PURE__*/_jsx(Checkbox, {
label: "Show Legend",
checked: legend,
onChange: function onChange(checked) {
return update({
legend: checked
});
}
})]
})]
});
};
export default ChartElements;