IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-27 03:11:01 -06:00
Code Issues Packages Projects Releases Wiki Activity

Geomap: Set markers color based on selected color field #53493

Browse Source
This commit is contained in:
Adela Almasan 2022-08-09 17:42:37 -05:00 committed by GitHub
parent ffb4aba214
commit 45750da667
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 47 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
public/app/plugins/panel/geomap/GeomapPanel.tsx
View File

@ -100,6 +100,28 @@ export class GeomapPanel extends Component<Props, State> {
componentDidMount() {
this.panelContext = this.context as PanelContext;
// TODO: Clean this approach up / potentially support multiple marker layers?
// See https://github.com/grafana/grafana/issues/51185 for more details.
setTimeout(() => {
for (const layer of this.layers) {
if (layer.options.type === MARKERS_LAYER_ID) {
const colorField = layer.options.config.style.color.field;
const colorFieldData = this.props.data.series[0].fields.find((field) => field.name === colorField);
// initialize (not override) Standard Options min/max value with color field calc min/max
if (colorFieldData) {
this.props.onFieldConfigChange({
...this.props.fieldConfig,
defaults: {
min: colorFieldData.state?.calcs?.min,
max: colorFieldData.state?.calcs?.max,
...this.props.fieldConfig.defaults,
},
});
break;
}
}
}
}, 50);
}
componentWillUnmount() {
@ -255,6 +277,31 @@ export class GeomapPanel extends Component<Props, State> {
if (options.controls !== oldOptions.controls) {
this.initControls(options.controls ?? { showZoom: true, showAttribution: true });
}
// TODO: Clean this approach up / potentially support multiple marker layers?
// See https://github.com/grafana/grafana/issues/51185 for more details.
for (const layer of options.layers) {
if (layer.type === MARKERS_LAYER_ID) {
const oldLayer = this.props.options.layers.find((lyr) => lyr.name === layer.name);
const newLayerColorField = layer.config.style.color.field;
const oldLayerColorField = oldLayer?.config.style.color.field;
if (layer.config.style.color.field && newLayerColorField !== oldLayerColorField) {
const colorFieldData = this.props.data.series[0].fields.find((field) => field.name === newLayerColorField);
if (colorFieldData) {
// override Standard Options min/max value with color field calc min/max
this.props.onFieldConfigChange({
...this.props.fieldConfig,
defaults: {
...this.props.fieldConfig.defaults,
min: colorFieldData.state?.calcs?.min,
max: colorFieldData.state?.calcs?.max,
},
});
break;
}
}
}
}
}
/**