Yan
4f72d17faf
Clicking a legend item on the events chart toggled hidden via chart.current.getDatasetMeta(idx).hidden, which lives on Chart.js's per-dataset meta object. Each time chartData changed (date-range switch, refetch, focusLabel update) the second useEffect in Chart.tsx replaces datasets wholesale, Chart.js regenerates the meta, and the hidden flags vanish, so previously-toggled-off events came back on their own. Lift the hidden state into React. EventsChart owns a Set<string> of hidden labels and passes it down via a new optional hiddenLabels prop on Chart, plus an onLegendClick callback for controlled toggling. Chart re-applies hidden after the existing focusLabel pass so the set survives every data refresh, and falls back to the original meta-based behaviour when no callback is provided so other charts (website overview, revenue) keep their existing semantics. Verified with the seeded Demo SaaS data: hide signup_started in the Last 24 hours view, switch to Last 7 days then Last 30 days, the label stays greyed in the legend and absent from the bars; clicking again restores it. State is component-scoped, so it intentionally resets on reload or navigation away from the events page.
Umami
Umami is a simple, fast, privacy-focused alternative to Google Analytics.
🚀 Getting Started
A detailed getting started guide can be found at umami.is/docs.
🛠 Installing from Source
Requirements
- A server with Node.js version 18.18+.
- A PostgreSQL database version v12.14+.
Get the source code and install packages
git clone https://github.com/umami-software/umami.git
cd umami
pnpm install
Configure Umami
Create an .env file with the following:
DATABASE_URL=connection-url
The connection URL format:
postgresql://username:mypassword@localhost:5432/mydb
Build the Application
pnpm run build
The build step will create tables in your database if you are installing for the first time. It will also create a login user with username admin and password umami.
Start the Application
pnpm run start
By default, this will launch the application on http://localhost:3000. You will need to either proxy requests from your web server or change the port to serve the application directly.
🐳 Installing with Docker
Umami provides Docker images as well as a Docker compose file for easy deployment.
Docker image:
docker pull docker.umami.is/umami-software/umami:latest
Docker compose (Runs Umami with a PostgreSQL database):
docker compose up -d
🔄 Getting Updates
To get the latest features, simply do a pull, install any new dependencies, and rebuild:
git pull
pnpm install
pnpm build
To update the Docker image, simply pull the new images and rebuild:
docker compose pull
docker compose up --force-recreate -d
🛟 Support
