github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 01:38:56 -04:00
Code Issues Projects Releases Packages Wiki Activity

[ML] Data Frame Analytics: Adds missing info icon tooltips to scatterplot matrix option labels. (#92626)

Browse source 
Adds missing info icon tooltips to scatterplot matrix option labels.
This commit is contained in:
Walter Rafelsberger 2021-02-24 18:12:00 +01:00 • committed by GitHub
parent d9d0790966
commit e19773b789
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 60 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

72
x-pack/plugins/ml/public/application/components/scatterplot_matrix/scatterplot_matrix.tsx
View file

@ -14,6 +14,7 @@ import {
EuiFlexGroup,
EuiFlexItem,
EuiFormRow,
EuiIconTip,
EuiSelect,
EuiSpacer,
EuiSwitch,
@ -57,6 +58,24 @@ const TOGGLE_OFF = i18n.translate('xpack.ml.splom.toggleOff', {
const sampleSizeOptions = [100, 1000, 10000].map((d) => ({ value: d, text: '' + d }));
interface OptionLabelWithIconTipProps {
label: string;
tooltip: string;
}
const OptionLabelWithIconTip: FC<OptionLabelWithIconTipProps> = ({ label, tooltip }) => (
<>
{label}
<EuiIconTip
content={tooltip}
iconProps={{
className: 'eui-alignTop',
}}
size="s"
/>
</>
);
export interface ScatterplotMatrixProps {
fields: string[];
index: string;
@ -252,9 +271,16 @@ export const ScatterplotMatrix: FC<ScatterplotMatrixProps> = ({
<EuiFlexGroup>
<EuiFlexItem>
<EuiFormRow
label={i18n.translate('xpack.ml.splom.fieldSelectionLabel', {
defaultMessage: 'Fields',
})}
label={
<OptionLabelWithIconTip
label={i18n.translate('xpack.ml.splom.fieldSelectionLabel', {
defaultMessage: 'Fields',
})}
tooltip={i18n.translate('xpack.ml.splom.fieldSelectionInfoTooltip', {
defaultMessage: 'Pick fields to explore their relationships.',
})}
/>
}
display="rowCompressed"
fullWidth
>
@ -276,9 +302,16 @@ export const ScatterplotMatrix: FC<ScatterplotMatrixProps> = ({
</EuiFlexItem>
<EuiFlexItem style={{ width: '200px' }} grow={false}>
<EuiFormRow
label={i18n.translate('xpack.ml.splom.sampleSizeLabel', {
defaultMessage: 'Sample size',
})}
label={
<OptionLabelWithIconTip
label={i18n.translate('xpack.ml.splom.sampleSizeLabel', {
defaultMessage: 'Sample size',
})}
tooltip={i18n.translate('xpack.ml.splom.sampleSizeInfoTooltip', {
defaultMessage: 'Amount of documents to display in the scatterplot matrix.',
})}
/>
}
display="rowCompressed"
fullWidth
>
@ -292,9 +325,17 @@ export const ScatterplotMatrix: FC<ScatterplotMatrixProps> = ({
</EuiFlexItem>
<EuiFlexItem style={{ width: '120px' }} grow={false}>
<EuiFormRow
label={i18n.translate('xpack.ml.splom.randomScoringLabel', {
defaultMessage: 'Random scoring',
})}
label={
<OptionLabelWithIconTip
label={i18n.translate('xpack.ml.splom.randomScoringLabel', {
defaultMessage: 'Random scoring',
})}
tooltip={i18n.translate('xpack.ml.splom.randomScoringInfoTooltip', {
defaultMessage:
'Uses a function score query to get randomly selected documents as the sample.',
})}
/>
}
display="rowCompressed"
fullWidth
>
@ -310,9 +351,16 @@ export const ScatterplotMatrix: FC<ScatterplotMatrixProps> = ({
{resultsField !== undefined && legendType === undefined && (
<EuiFlexItem style={{ width: '120px' }} grow={false}>
<EuiFormRow
label={i18n.translate('xpack.ml.splom.dynamicSizeLabel', {
defaultMessage: 'Dynamic size',
})}
label={
<OptionLabelWithIconTip
label={i18n.translate('xpack.ml.splom.dynamicSizeLabel', {
defaultMessage: 'Dynamic size',
})}
tooltip={i18n.translate('xpack.ml.splom.dynamicSizeInfoTooltip', {
defaultMessage: 'Scales the size of each point by its outlier score.',
})}
/>
}
display="rowCompressed"
fullWidth
>