forked from github/plane
1a534a3c19
* chore: global bar graph component * chore: global pie graph component * chore: global line graph component * chore: removed unnecessary file * chore: refactored global chart components to accept all props * chore: function to convert response to chart data * chore: global calendar graph component added * chore: global scatter plot graph component * feat: analytics boilerplate created * chore: null value for segment and project * chore: clean up file * chore: change project query param key * chore: export, refresh buttons, analytics table * fix: analytics fetch key error * chore: show only integer values in the y-axis * chore: custom x-axis tick values and bar colors * refactor: divide analytics page into granular components * chore: convert analytics page to modal, save analytics modal * fix: build error * fix: modal overflow issues, analytics loading screen * chore: custom tooltip, refactor: graphs folder structure * refactor: folder structure, chore: x-axis tick values for larger data * chore: code cleanup * chore: remove unnecessary files * fix: refresh analytics button on error * feat: scope and demand analytics * refactor: scope and demand and custom analytics folder structure * fix: dynamic import type * chore: minor updates * feat: project, cycle and module level analytics * style: project analytics modal * fix: merge conflicts
36 lines
694 B
TypeScript
36 lines
694 B
TypeScript
// nivo
|
|
import { Theme } from "@nivo/core";
|
|
|
|
export const CHARTS_THEME: Theme = {
|
|
background: "rgb(var(--color-bg-surface-1))",
|
|
textColor: "rgb(var(--color-text-secondary))",
|
|
axis: {
|
|
domain: {
|
|
line: {
|
|
stroke: "rgb(var(--color-border))",
|
|
strokeWidth: 0.5,
|
|
},
|
|
},
|
|
},
|
|
tooltip: {
|
|
container: {
|
|
background: "rgb(var(--color-bg-surface-2))",
|
|
color: "rgb(var(--color-text-secondary))",
|
|
fontSize: "0.8rem",
|
|
border: "1px solid rgb(var(--color-border))",
|
|
},
|
|
},
|
|
grid: {
|
|
line: {
|
|
stroke: "rgb(var(--color-border))",
|
|
},
|
|
},
|
|
};
|
|
|
|
export const DEFAULT_MARGIN = {
|
|
top: 50,
|
|
right: 50,
|
|
bottom: 50,
|
|
left: 50,
|
|
};
|