Function Chart

client/src/containers/Chart/Chart.jsx:68–1357

(props)

  This is the container that generates the Charts together with the menu
*/
function Chart(props) {
  const {
    chart,
    isPublic = false,
    print = "",
    height = 300,
    showExport = false,
    editingLayout = false,
    onEditLayout = () => {},
    dashboardFilters: externalDashboardFilters = null,
    chartFilters: externalChartFilters = null,
    onAddChartFilter = null,
    onClearChartFilter = null,
    onRefreshRuntimeChart = null,
  } = props;

  const team = useSelector(selectTeam);
  const user = useSelector(selectUser);

  const params = useParams();
  const navigate = useNavigate();
  const dispatch = useDispatch();

  const [chartLoading, setChartLoading] = useState(false);
  const [error, setError] = useState(false);
  const [deleteModal, setDeleteModal] = useState(false);
  const [publicModal, setPublicModal] = useState(false);
  const [embedModal, setEmbedModal] = useState(false);
  const [updateModal, setUpdateModal] = useState(false);
  const [updateFrequency, setUpdateFrequency] = useState(false);
  const [autoUpdateLoading, setAutoUpdateLoading] = useState(false);
  const [publicLoading, setPublicLoading] = useState(false);
  const [dashboardFilters, setDashboardFilters] = useState(
    getFiltersFromStorage(params.projectId)
  );
  const [conditions, setConditions] = useState([]);
  const [redraw, setRedraw] = useState(false);
  const [updateFreqType, setUpdateFreqType] = useState("hours");
  const [customUpdateFreq, setCustomUpdateFreq] = useState("");
  const [autoUpdateError, setAutoUpdateError] = useState("");
  const [exportLoading, setExportLoading] = useState(false);
  const [alertsModal, setAlertsModal] = useState(false);
  const [alertsDatasetId, setAlertsDatasetId] = useState(null);
  const chartSize = useChartSize(chart.layout);
  const [isCompact, setIsCompact] = useState(false);
  const containerRef = useRef(null);
  const isRuntimeManaged = typeof onRefreshRuntimeChart === "function";
  const activeDashboardFilters = Array.isArray(externalDashboardFilters)
    ? externalDashboardFilters
    : (dashboardFilters || []);
  const activeChartFilters = Array.isArray(externalChartFilters)
    ? externalChartFilters
    : conditions;
  const runtimeRequest = buildChartRuntimeRequest({
    chart,
    dashboardFilters: activeDashboardFilters,
    chartFilters: activeChartFilters,
  });