IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2026-07-29 15:59:50 -05:00
Code Issues Packages Projects Releases Wiki Activity

change pie gradient to from colors

Browse Source
This commit is contained in:
nikki kiga
2021-07-19 23:12:39 -07:00
parent f32d200fc0
commit 70d07d8b8e
1 changed files with 3 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app/plugins/panel/piechart/PieChart.tsx
+3 -8
View File
@@ -30,6 +30,7 @@ import { css } from '@emotion/css';
import { useComponentInstanceId } from '@grafana/ui/src/utils/useComponetInstanceId'; import { useComponentInstanceId } from '@grafana/ui/src/utils/useComponetInstanceId';
import { getTooltipContainerStyles } from '@grafana/ui/src/themes/mixins'; import { getTooltipContainerStyles } from '@grafana/ui/src/themes/mixins';
import { selectors } from '@grafana/e2e-selectors'; import { selectors } from '@grafana/e2e-selectors';
import { darken, lighten } from '@grafana/data/src/themes/colorManipulator';
/** /**
* @beta * @beta
@@ -344,17 +345,11 @@ function getLabelPos(arc: PieArcDatum<FieldDisplay>, outerRadius: number, innerR
} }
function getGradientColorFrom(color: string, theme: GrafanaTheme2) { function getGradientColorFrom(color: string, theme: GrafanaTheme2) {
return tinycolor(color) return theme.isDark ? darken(color, 0.3) : lighten(color, 0.3);
.darken(20 * (theme.isDark ? 1 : -0.7))
.spin(8)
.toRgbString();
} }
function getGradientColorTo(color: string, theme: GrafanaTheme2) { function getGradientColorTo(color: string, theme: GrafanaTheme2) {
return tinycolor(color) return theme.isDark ? darken(color, 0.1) : lighten(color, 0.1);
.darken(10 * (theme.isDark ? 1 : -0.7))
.spin(-8)
.toRgbString();
} }
interface PieLayout { interface PieLayout {