diff --git a/src/plugins/vis_type_vislib/public/components/options/metrics_axes/index.test.tsx b/src/plugins/vis_type_vislib/public/components/options/metrics_axes/index.test.tsx
index 524792d1460fe..0cc737f19e5c6 100644
--- a/src/plugins/vis_type_vislib/public/components/options/metrics_axes/index.test.tsx
+++ b/src/plugins/vis_type_vislib/public/components/options/metrics_axes/index.test.tsx
@@ -134,34 +134,6 @@ describe('MetricsAxisOptions component', () => {
const updatedSeries = [{ ...chart, data: { id: agg.id, label: agg.makeLabel() } }];
expect(setValue).toHaveBeenCalledWith(SERIES_PARAMS, updatedSeries);
});
-
- it('should update visType when one seriesParam', () => {
- const comp = mount();
- expect(defaultProps.vis.type.type).toBe(ChartTypes.AREA);
-
- comp.setProps({
- stateParams: {
- ...defaultProps.stateParams,
- seriesParams: [{ ...chart, type: ChartTypes.LINE }],
- },
- });
-
- expect(defaultProps.vis.setState).toHaveBeenLastCalledWith({ type: ChartTypes.LINE });
- });
-
- it('should set histogram visType when multiple seriesParam', () => {
- const comp = mount();
- expect(defaultProps.vis.type.type).toBe(ChartTypes.AREA);
-
- comp.setProps({
- stateParams: {
- ...defaultProps.stateParams,
- seriesParams: [chart, { ...chart, type: ChartTypes.LINE }],
- },
- });
-
- expect(defaultProps.vis.setState).toHaveBeenLastCalledWith({ type: ChartTypes.HISTOGRAM });
- });
});
describe('updateAxisTitle', () => {
diff --git a/src/plugins/vis_type_vislib/public/components/options/metrics_axes/index.tsx b/src/plugins/vis_type_vislib/public/components/options/metrics_axes/index.tsx
index d885f8fb0b12f..18687404b9114 100644
--- a/src/plugins/vis_type_vislib/public/components/options/metrics_axes/index.tsx
+++ b/src/plugins/vis_type_vislib/public/components/options/metrics_axes/index.tsx
@@ -18,7 +18,7 @@
*/
import React, { useState, useEffect, useCallback, useMemo } from 'react';
-import { cloneDeep, uniq, get } from 'lodash';
+import { cloneDeep, get } from 'lodash';
import { EuiSpacer } from '@elastic/eui';
import { IAggConfig } from 'src/plugins/data/public';
@@ -293,15 +293,6 @@ function MetricsAxisOptions(props: ValidationVisOptionsProps)
updateAxisTitle(updatedSeries);
}, [metrics, firstValueAxesId, setValue, stateParams.seriesParams, updateAxisTitle]);
- const visType = useMemo(() => {
- const types = uniq(stateParams.seriesParams.map(({ type }) => type));
- return types.length === 1 ? types[0] : 'histogram';
- }, [stateParams.seriesParams]);
-
- useEffect(() => {
- vis.setState({ ...vis.serialize(), type: visType });
- }, [vis, visType]);
-
return isTabSelected ? (
<>
) {
const { stateParams, setValue, vis } = props;
+ const currentChartTypes = useMemo(() => uniq(stateParams.seriesParams.map(({ type }) => type)), [
+ stateParams.seriesParams,
+ ]);
+
return (
<>
@@ -68,7 +73,7 @@ function PointSeriesOptions(props: ValidationVisOptionsProps)
/>
)}
- {vis.type.name === ChartTypes.HISTOGRAM && (
+ {currentChartTypes.includes(ChartTypes.HISTOGRAM) && (