Update vega version (#68639) (#69248)

* update vega version * a11y skip test * a11y skip test attempt 2 * adding back all a11y tests * fix failed karma test * remove extra 0BSD license * coalesce yarn.lock versions a little * update kbn/pm dist * fix CI * fix Vega View for ML Co-authored-by: Michail Yasonik <michail.yasonik@elastic.co> Co-authored-by: spalger <spalger@users.noreply.github.com> Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com> # Conflicts: # packages/kbn-pm/dist/index.js # yarn.lock
2025-04-23 17:28:26 -04:00 · 2020-06-16 15:30:15 +03:00 · 2020-06-16 15:30:15 +03:00 · 11e89cf95c
commit 11e89cf95c
parent f6e9d70d5b
26 changed files with 2317 additions and 2200 deletions
--- a/docs/visualize/vega.asciidoc
+++ b/docs/visualize/vega.asciidoc
@ -32,7 +32,7 @@ image::images/vega_lite_default.png[]
 The default visualization uses Vega-Lite version 2. To use Vega version 4, edit
 the `schema`.

-Go to `$schema`, enter `https://vega.github.io/schema/vega/v4.json`, then click
+Go to `$schema`, enter `https://vega.github.io/schema/vega/v5.json`, then click
 *Update*.

 [float]
--- a/package.json
+++ b/package.json
@ -276,9 +276,9 @@
    "uuid": "3.3.2",
    "val-loader": "^1.1.1",
    "validate-npm-package-name": "2.2.2",
-    "vega-lib": "4.3.0",
-    "vega-lite": "^2.6.0",
-    "vega-schema-url-parser": "1.0.0",
+    "vega": "^5.13.0",
+    "vega-lite": "^4.13.1",
+    "vega-schema-url-parser": "^1.1.0",
    "vega-tooltip": "^0.12.0",
    "vision": "^5.3.3",
    "webpack": "^4.41.5",
--- a/packages/kbn-optimizer/src/worker/webpack.config.ts
+++ b/packages/kbn-optimizer/src/worker/webpack.config.ts
@ -155,7 +155,7 @@ export function getWebpackConfig(bundle: Bundle, worker: WorkerConfig) {
      noParse: [
        /[\/\\]node_modules[\/\\]elasticsearch-browser[\/\\]/,
        /[\/\\]node_modules[\/\\]lodash[\/\\]index\.js$/,
-        /[\/\\]node_modules[\/\\]vega-lib[\/\\]build[\/\\]vega\.js$/,
+        /[\/\\]node_modules[\/\\]vega[\/\\]build[\/\\]vega\.js$/,
      ],

      rules: [
--- a/packages/kbn-pm/dist/index.js
+++ b/packages/kbn-pm/dist/index.js
--- a/src/legacy/core_plugins/kibana/public/tests/vis_type_vega/vega_graph.hjson
+++ b/src/legacy/core_plugins/kibana/public/tests/vis_type_vega/vega_graph.hjson
@ -1,7 +1,7 @@
 {
  // Adapted from Vega's https://vega.github.io/vega/examples/stacked-area-chart/

-  $schema: https://vega.github.io/schema/vega/v3.0.json
+  $schema: https://vega.github.io/schema/vega/v5.json
  data: [
    {
      name: table
--- a/src/legacy/core_plugins/kibana/public/tests/vis_type_vega/vega_map_test.hjson
+++ b/src/legacy/core_plugins/kibana/public/tests/vis_type_vega/vega_map_test.hjson
@ -1,7 +1,7 @@
 # This graph creates a single rectangle for the whole graph on top of a map
 # Note that the actual map tiles are not loaded
 {
-  $schema: https://vega.github.io/schema/vega/v3.0.json
+  $schema: https://vega.github.io/schema/vega/v5.json
  config: {
    kibana: {type: "map", mapStyle: false}
  }
--- a/src/legacy/core_plugins/kibana/public/tests/vis_type_vega/vega_tooltip_test.hjson
+++ b/src/legacy/core_plugins/kibana/public/tests/vis_type_vega/vega_tooltip_test.hjson
@ -24,7 +24,7 @@
      ]
    }
  ]
-  $schema: https://vega.github.io/schema/vega/v3.json
+  $schema: https://vega.github.io/schema/vega/v5.json
  marks: [
    {
      from: {data: "table"}
--- a/src/legacy/core_plugins/kibana/public/tests/vis_type_vega/vega_visualization.js
+++ b/src/legacy/core_plugins/kibana/public/tests/vis_type_vega/vega_visualization.js
@ -333,7 +333,7 @@ describe('VegaVisualizations', () => {
        vegaVis = new VegaVisualization(domNode, vis);
        const vegaParser = new VegaParser(
          `{
-            "$schema": "https://vega.github.io/schema/vega/v3.json",
+            "$schema": "https://vega.github.io/schema/vega/v5.json",
            "marks": [
              {
                "type": "text",
@ -366,11 +366,6 @@ describe('VegaVisualizations', () => {
        await vegaVis.render(vegaParser, vis.params, { data: true });
        const vegaView = vegaVis._vegaView._view;
        expect(vegaView.height()).to.be(250.00000001);
-
-        vegaView.height(250);
-        await vegaView.runAsync();
-        // as soon as this test fails, the workaround with the subpixel value can be removed.
-        expect(vegaView.height()).to.be(0);
      } finally {
        vegaVis.destroy();
      }
--- a/src/legacy/core_plugins/kibana/public/tests/vis_type_vega/vegalite_graph.hjson
+++ b/src/legacy/core_plugins/kibana/public/tests/vis_type_vega/vegalite_graph.hjson
@ -1,5 +1,5 @@
 {
-  $schema: https://vega.github.io/schema/vega-lite/v2.json
+  $schema: https://vega.github.io/schema/vega-lite/v4.json
  data: {
    format: {property: "aggregations.time_buckets.buckets"}
    values: {
--- a/src/legacy/ui/ui_exports/ui_export_defaults.js
+++ b/src/legacy/ui/ui_exports/ui_export_defaults.js
@ -24,7 +24,7 @@ export const UI_EXPORT_DEFAULTS = {
  webpackNoParseRules: [
    /node_modules[\/\\](angular|elasticsearch-browser)[\/\\]/,
    /node_modules[\/\\](mocha|moment)[\/\\]/,
-    /node_modules[\/\\]vega-lib[\/\\]build[\/\\]vega\.js$/,
+    /node_modules[\/\\]vega[\/\\]build[\/\\]vega\.js$/,
  ],

  webpackAliases: {
--- a/src/plugins/home/server/services/sample_data/data_sets/flights/saved_objects.ts
+++ b/src/plugins/home/server/services/sample_data/data_sets/flights/saved_objects.ts
@ -420,7 +420,7 @@ export const getSavedObjects = (): SavedObject[] => [
        defaultMessage: '[Flights] Airport Connections (Hover Over Airport)',
      }),
      visState:
-        '{"aggs":[],"params":{"spec":"{\\n  $schema: https://vega.github.io/schema/vega/v3.0.json\\n  config: {\\n    kibana: {type: \\"map\\", latitude: 25, longitude: -70, zoom: 3}\\n  }\\n  data: [\\n    {\\n      name: table\\n      url: {\\n        index: kibana_sample_data_flights\\n        %context%: true\\n        // Uncomment to enable time filtering\\n        // %timefield%: timestamp\\n        body: {\\n          size: 0\\n          aggs: {\\n            origins: {\\n              terms: {field: \\"OriginAirportID\\", size: 10000}\\n              aggs: {\\n                originLocation: {\\n                  top_hits: {\\n                    size: 1\\n                    _source: {\\n                      includes: [\\"OriginLocation\\", \\"Origin\\"]\\n                    }\\n                  }\\n                }\\n                distinations: {\\n                  terms: {field: \\"DestAirportID\\", size: 10000}\\n                  aggs: {\\n                    destLocation: {\\n                      top_hits: {\\n                        size: 1\\n                        _source: {\\n                          includes: [\\"DestLocation\\"]\\n                        }\\n                      }\\n                    }\\n                  }\\n                }\\n              }\\n            }\\n          }\\n        }\\n      }\\n      format: {property: \\"aggregations.origins.buckets\\"}\\n      transform: [\\n        {\\n          type: geopoint\\n          projection: projection\\n          fields: [\\n            originLocation.hits.hits[0]._source.OriginLocation.lon\\n            originLocation.hits.hits[0]._source.OriginLocation.lat\\n          ]\\n        }\\n      ]\\n    }\\n    {\\n      name: selectedDatum\\n      on: [\\n        {trigger: \\"!selected\\", remove: true}\\n        {trigger: \\"selected\\", insert: \\"selected\\"}\\n      ]\\n    }\\n  ]\\n  signals: [\\n    {\\n      name: selected\\n      value: null\\n      on: [\\n        {events: \\"@airport:mouseover\\", update: \\"datum\\"}\\n        {events: \\"@airport:mouseout\\", update: \\"null\\"}\\n      ]\\n    }\\n  ]\\n  scales: [\\n    {\\n      name: airportSize\\n      type: linear\\n      domain: {data: \\"table\\", field: \\"doc_count\\"}\\n      range: [\\n        {signal: \\"zoom*zoom*0.2+1\\"}\\n        {signal: \\"zoom*zoom*10+1\\"}\\n      ]\\n    }\\n  ]\\n  marks: [\\n    {\\n      type: group\\n      from: {\\n        facet: {\\n          name: facetedDatum\\n          data: selectedDatum\\n          field: distinations.buckets\\n        }\\n      }\\n      data: [\\n        {\\n          name: facetDatumElems\\n          source: facetedDatum\\n          transform: [\\n            {\\n              type: geopoint\\n              projection: projection\\n              fields: [\\n                destLocation.hits.hits[0]._source.DestLocation.lon\\n                destLocation.hits.hits[0]._source.DestLocation.lat\\n              ]\\n            }\\n            {type: \\"formula\\", expr: \\"{x:parent.x, y:parent.y}\\", as: \\"source\\"}\\n            {type: \\"formula\\", expr: \\"{x:datum.x, y:datum.y}\\", as: \\"target\\"}\\n            {type: \\"linkpath\\", shape: \\"diagonal\\"}\\n          ]\\n        }\\n      ]\\n      scales: [\\n        {\\n          name: lineThickness\\n          type: linear\\n          domain: {data: \\"facetDatumElems\\", field: \\"doc_count\\"}\\n          range: [1, 8]\\n        }\\n        {\\n          name: lineOpacity\\n          type: linear\\n          domain: {data: \\"facetDatumElems\\", field: \\"doc_count\\"}\\n          range: [0.2, 0.8]\\n        }\\n      ]\\n      marks: [\\n        {\\n          from: {data: \\"facetDatumElems\\"}\\n          type: path\\n          interactive: false\\n          encode: {\\n            update: {\\n              path: {field: \\"path\\"}\\n              stroke: {value: \\"black\\"}\\n              strokeWidth: {scale: \\"lineThickness\\", field: \\"doc_count\\"}\\n              strokeOpacity: {scale: \\"lineOpacity\\", field: \\"doc_count\\"}\\n            }\\n          }\\n        }\\n      ]\\n    }\\n    {\\n      name: airport\\n      type: symbol\\n      from: {data: \\"table\\"}\\n      encode: {\\n        update: {\\n          size: {scale: \\"airportSize\\", field: \\"doc_count\\"}\\n          xc: {signal: \\"datum.x\\"}\\n          yc: {signal: \\"datum.y\\"}\\n          tooltip: {\\n            signal: \\"{title: datum.originLocation.hits.hits[0]._source.Origin + \' (\' + datum.key + \')\', connnections: length(datum.distinations.buckets), flights: datum.doc_count}\\"\\n          }\\n        }\\n      }\\n    }\\n  ]\\n}"},"title":"[Flights] Airport Connections (Hover Over Airport)","type":"vega"}',
+        '{"aggs":[],"params":{"spec":"{\\n  $schema: https://vega.github.io/schema/vega/v5.json\\n  config: {\\n    kibana: {type: \\"map\\", latitude: 25, longitude: -70, zoom: 3}\\n  }\\n  data: [\\n    {\\n      name: table\\n      url: {\\n        index: kibana_sample_data_flights\\n        %context%: true\\n        // Uncomment to enable time filtering\\n        // %timefield%: timestamp\\n        body: {\\n          size: 0\\n          aggs: {\\n            origins: {\\n              terms: {field: \\"OriginAirportID\\", size: 10000}\\n              aggs: {\\n                originLocation: {\\n                  top_hits: {\\n                    size: 1\\n                    _source: {\\n                      includes: [\\"OriginLocation\\", \\"Origin\\"]\\n                    }\\n                  }\\n                }\\n                distinations: {\\n                  terms: {field: \\"DestAirportID\\", size: 10000}\\n                  aggs: {\\n                    destLocation: {\\n                      top_hits: {\\n                        size: 1\\n                        _source: {\\n                          includes: [\\"DestLocation\\"]\\n                        }\\n                      }\\n                    }\\n                  }\\n                }\\n              }\\n            }\\n          }\\n        }\\n      }\\n      format: {property: \\"aggregations.origins.buckets\\"}\\n      transform: [\\n        {\\n          type: geopoint\\n          projection: projection\\n          fields: [\\n            originLocation.hits.hits[0]._source.OriginLocation.lon\\n            originLocation.hits.hits[0]._source.OriginLocation.lat\\n          ]\\n        }\\n      ]\\n    }\\n    {\\n      name: selectedDatum\\n      on: [\\n        {trigger: \\"!selected\\", remove: true}\\n        {trigger: \\"selected\\", insert: \\"selected\\"}\\n      ]\\n    }\\n  ]\\n  signals: [\\n    {\\n      name: selected\\n      value: null\\n      on: [\\n        {events: \\"@airport:mouseover\\", update: \\"datum\\"}\\n        {events: \\"@airport:mouseout\\", update: \\"null\\"}\\n      ]\\n    }\\n  ]\\n  scales: [\\n    {\\n      name: airportSize\\n      type: linear\\n      domain: {data: \\"table\\", field: \\"doc_count\\"}\\n      range: [\\n        {signal: \\"zoom*zoom*0.2+1\\"}\\n        {signal: \\"zoom*zoom*10+1\\"}\\n      ]\\n    }\\n  ]\\n  marks: [\\n    {\\n      type: group\\n      from: {\\n        facet: {\\n          name: facetedDatum\\n          data: selectedDatum\\n          field: distinations.buckets\\n        }\\n      }\\n      data: [\\n        {\\n          name: facetDatumElems\\n          source: facetedDatum\\n          transform: [\\n            {\\n              type: geopoint\\n              projection: projection\\n              fields: [\\n                destLocation.hits.hits[0]._source.DestLocation.lon\\n                destLocation.hits.hits[0]._source.DestLocation.lat\\n              ]\\n            }\\n            {type: \\"formula\\", expr: \\"{x:parent.x, y:parent.y}\\", as: \\"source\\"}\\n            {type: \\"formula\\", expr: \\"{x:datum.x, y:datum.y}\\", as: \\"target\\"}\\n            {type: \\"linkpath\\", shape: \\"diagonal\\"}\\n          ]\\n        }\\n      ]\\n      scales: [\\n        {\\n          name: lineThickness\\n          type: log\\n          clamp: true\\n          range: [1, 8]\\n        }\\n        {\\n          name: lineOpacity\\n          type: log\\n          clamp: true\\n          range: [0.2, 0.8]\\n        }\\n      ]\\n      marks: [\\n        {\\n          from: {data: \\"facetDatumElems\\"}\\n          type: path\\n          interactive: false\\n          encode: {\\n            update: {\\n              path: {field: \\"path\\"}\\n              stroke: {value: \\"black\\"}\\n              strokeWidth: {scale: \\"lineThickness\\", field: \\"doc_count\\"}\\n              strokeOpacity: {scale: \\"lineOpacity\\", field: \\"doc_count\\"}\\n            }\\n          }\\n        }\\n      ]\\n    }\\n    {\\n      name: airport\\n      type: symbol\\n      from: {data: \\"table\\"}\\n      encode: {\\n        update: {\\n          size: {scale: \\"airportSize\\", field: \\"doc_count\\"}\\n          xc: {signal: \\"datum.x\\"}\\n          yc: {signal: \\"datum.y\\"}\\n          tooltip: {\\n            signal: \\"{title: datum.originLocation.hits.hits[0]._source.Origin + \' (\' + datum.key + \')\', connnections: length(datum.distinations.buckets), flights: datum.doc_count}\\"\\n          }\\n        }\\n      }\\n    }\\n  ]\\n}"},"title":"[Flights] Airport Connections (Hover Over Airport)","type":"vega"}',
      uiStateJSON: '{}',
      description: '',
      version: 1,
--- a/src/plugins/home/server/services/sample_data/data_sets/logs/saved_objects.ts
+++ b/src/plugins/home/server/services/sample_data/data_sets/logs/saved_objects.ts
--- a/src/plugins/vis_type_vega/public/data_model/vega_parser.js
+++ b/src/plugins/vis_type_vega/public/data_model/vega_parser.js
@ -18,8 +18,7 @@
 */

 import _ from 'lodash';
-import * as vega from 'vega-lib';
-import * as vegaLite from 'vega-lite';
+import { vega, vegaLite } from '../lib/vega';
 import schemaParser from 'vega-schema-url-parser';
 import versionCompare from 'compare-versions';
 import { EsQueryParser } from './es_query_parser';
@ -32,15 +31,13 @@ import { i18n } from '@kbn/i18n';

 // Set default single color to match other Kibana visualizations
 const defaultColor = VISUALIZATION_COLORS[0];
-
-const DEFAULT_SCHEMA = 'https://vega.github.io/schema/vega/v3.0.json';
-
 const locToDirMap = {
  left: 'row-reverse',
  right: 'row',
  top: 'column-reverse',
  bottom: 'column',
 };
+const DEFAULT_SCHEMA = 'https://vega.github.io/schema/vega/v5.json';

 // If there is no "%type%" parameter, use this parser
 const DEFAULT_PARSER = 'elasticsearch';
--- a/src/plugins/vis_type_vega/public/data_model/vega_parser.test.js
+++ b/src/plugins/vis_type_vega/public/data_model/vega_parser.test.js
@ -20,8 +20,14 @@
 import { cloneDeep } from 'lodash';
 import { VegaParser } from './vega_parser';
 import { bypassExternalUrlCheck } from '../vega_view/vega_base_view';
+
 jest.mock('../services');

+jest.mock('../lib/vega', () => ({
+  vega: jest.requireActual('vega'),
+  vegaLite: jest.requireActual('vega-lite'),
+}));
+
 describe(`VegaParser._setDefaultValue`, () => {
  function check(spec, expected, ...params) {
    return () => {
@ -146,30 +152,30 @@ describe('VegaParser._parseSchema', () => {
  test('should warn on no vega version specified', () => {
    const vp = new VegaParser({});
    expect(vp._parseSchema()).toBe(false);
-    expect(vp.spec).toEqual({ $schema: 'https://vega.github.io/schema/vega/v3.0.json' });
+    expect(vp.spec).toEqual({ $schema: 'https://vega.github.io/schema/vega/v5.json' });
    expect(vp.warnings).toHaveLength(1);
  });

  test(
    'should not warn on current vega version',
-    check('https://vega.github.io/schema/vega/v4.0.json', false, 0)
+    check('https://vega.github.io/schema/vega/v5.json', false, 0)
  );
  test(
    'should not warn on older vega version',
-    check('https://vega.github.io/schema/vega/v3.0.json', false, 0)
+    check('https://vega.github.io/schema/vega/v4.json', false, 0)
  );
  test(
    'should warn on vega version too new to be supported',
-    check('https://vega.github.io/schema/vega/v5.0.json', false, 1)
+    check('https://vega.github.io/schema/vega/v5.99.json', false, 1)
  );

  test(
    'should not warn on current vega-lite version',
-    check('https://vega.github.io/schema/vega-lite/v2.0.json', true, 0)
+    check('https://vega.github.io/schema/vega-lite/v4.json', true, 0)
  );
  test(
    'should warn on vega-lite version too new to be supported',
-    check('https://vega.github.io/schema/vega-lite/v3.0.json', true, 1)
+    check('https://vega.github.io/schema/vega-lite/v5.json', true, 1)
  );
 });

--- a/src/plugins/vis_type_vega/public/default.spec.hjson
+++ b/src/plugins/vis_type_vega/public/default.spec.hjson
@ -6,7 +6,7 @@ Welcome to Vega visualizations.  Here you can design your own dataviz from scrat
 This example graph shows the document count in all indexes in the current time range.  You might need to adjust the time filter in the upper right corner.
 */

-  $schema: https://vega.github.io/schema/vega-lite/v2.json
+  $schema: https://vega.github.io/schema/vega-lite/v4.json
  title: Event counts from all indexes

  // Define the data source
--- a/src/plugins/vis_type_vega/public/lib/vega.js
+++ b/src/plugins/vis_type_vega/public/lib/vega.js
@ -0,0 +1,23 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import * as vegaLite from 'vega-lite/build-es5/vega-lite';
+import * as vega from 'vega/build-es5/vega';
+
+export { vega, vegaLite };
--- a/src/plugins/vis_type_vega/public/vega_view/vega_base_view.js
+++ b/src/plugins/vis_type_vega/public/vega_view/vega_base_view.js
@ -20,8 +20,7 @@
 import $ from 'jquery';
 import moment from 'moment';
 import dateMath from '@elastic/datemath';
-import * as vega from 'vega-lib';
-import * as vegaLite from 'vega-lite';
+import { vega, vegaLite } from '../lib/vega';
 import { Utils } from '../data_model/utils';
 import { VISUALIZATION_COLORS } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
--- a/src/plugins/vis_type_vega/public/vega_view/vega_map_view.js
+++ b/src/plugins/vis_type_vega/public/vega_view/vega_map_view.js
@ -17,8 +17,8 @@
 * under the License.
 */

-import * as vega from 'vega-lib';
 import { i18n } from '@kbn/i18n';
+import { vega } from '../lib/vega';
 import { VegaBaseView } from './vega_base_view';
 import { VegaMapLayer } from './vega_map_layer';
 import { getEmsTileLayerId, getUISettings, getKibanaMapFactory } from '../services';
--- a/src/plugins/vis_type_vega/public/vega_view/vega_view.js
+++ b/src/plugins/vis_type_vega/public/vega_view/vega_view.js
@ -17,7 +17,7 @@
 * under the License.
 */

-import * as vega from 'vega-lib';
+import { vega } from '../lib/vega';
 import { VegaBaseView } from './vega_base_view';

 export class VegaView extends VegaBaseView {
--- a/test/accessibility/services/a11y/a11y.ts
+++ b/test/accessibility/services/a11y/a11y.ts
@ -70,7 +70,12 @@ export function A11yProvider({ getService }: FtrProviderContext) {
        exclude: ([] as string[])
          .concat(excludeTestSubj || [])
          .map((ts) => [testSubjectToCss(ts)])
-          .concat([['.ace_scrollbar']]),
+          .concat([
+            ['.ace_scrollbar'],
+            [
+              '.leaflet-vega-container[role="graphics-document"][aria-roledescription="visualization"]',
+            ],
+          ]),
      };
    }

--- a/x-pack/package.json
+++ b/x-pack/package.json
@ -238,6 +238,7 @@
    "cytoscape": "^3.10.0",
    "d3": "3.5.17",
    "d3-scale": "1.0.7",
+    "d3-array": "1.2.4",
    "dedent": "^0.7.0",
    "del": "^5.1.0",
    "dragselect": "1.13.1",
--- a/x-pack/plugins/apm/public/components/shared/charts/CustomPlot/test/snapshots/CustomPlot.test.js.snap
+++ b/x-pack/plugins/apm/public/components/shared/charts/CustomPlot/test/snapshots/CustomPlot.test.js.snap
@ -434,7 +434,7 @@ Array [
          >
            <path
              className="rv-xy-plot__series rv-xy-plot__series--line "
-              d="M0,208C8,177.67069216000004,16,147.3413843200001,24,145.82854374400006C32,144.31570316800003,40,143.55928288,48,143.55928288C56,143.55928288,64,143.69173256533335,72,143.95663193600006C80,144.22153130666678,88,150.08754675200004,96,150.08754675200004C104,150.08754675200004,112,143.61986468266676,120,141.3676243200001C128,139.11538395733342,136,138.10678017066667,144,136.574104576C152,135.04142898133333,160,134.60761100800002,168,132.171570752C176,129.735530496,184,122.7740017919999,192,121.95786303999996C200,121.14172428800003,208,120.73365491200006,216,120.73365491200006C224,120.73365491200006,232,150.338753344,240,150.338753344C248,150.338753344,256,145.21265574400002,264,145.21265574400002C272,145.21265574400002,280,159.49950515199998,288,159.49950515199998C296,159.49950515199998,304,159.25604087466667,312,158.76911232C320,158.28218376533334,328,153.13340861866664,336,148.71727519999996C344,144.30114178133329,352,136.23707191466664,360,132.27231180799998C368,128.30755170133332,376,127.55802467199999,384,124.92871455999999C392,122.29940444799999,400,116.496451136,408,116.496451136C416,116.496451136,424,142.8818553066667,432,147.94231920000001C440,153.00278309333333,448,155.53301503999998,456,155.53301503999998C464,155.53301503999998,472,147.5484465173333,480,141.915090304C488,136.28173409066667,495.99999999999994,121.73287776000008,503.99999999999994,121.73287776000008C511.99999999999994,121.73287776000008,520,147.90280169599998,528,152.636847584C536,157.370893472,544,159.73791641600002,552,159.73791641600002C560,159.73791641600002,568,140.4438672,576,140.4438672C584,140.4438672,592,150.146582976,600,150.146582976C608,150.146582976,616,121.98686448,624,121.98686448C632,121.98686448,640,208,648,208C656,208,664,133.83377571200015,672,102.0323582720003C680,70.23094083200043,688,17.19149536000083,696,17.19149536000083C704,17.19149536000083,712,112.59574768000043,720,208"
+              d="M0,208C8,177.67069216000004,16,147.3413843200001,24,145.82854374400006C32,144.31570316800003,40,143.55928288,48,143.55928288C56,143.55928288,64,143.69173256533335,72,143.95663193600006C80,144.22153130666678,88,150.087546752,96,150.087546752C104,150.087546752,112,143.61986468266673,120,141.36762432000006C128,139.1153839573334,136,138.10678017066667,144,136.574104576C152,135.04142898133333,160,134.60761100800002,168,132.171570752C176,129.735530496,184,122.7740017919999,192,121.95786303999996C200,121.14172428800003,208,120.73365491200006,216,120.73365491200006C224,120.73365491200006,232,150.33875334399997,240,150.33875334399997C248,150.33875334399997,256,145.21265574400005,264,145.21265574400005C272,145.21265574400005,280,159.49950515199998,288,159.49950515199998C296,159.49950515199998,304,159.25604087466667,312,158.76911232C320,158.28218376533334,328,153.13340861866664,336,148.71727519999996C344,144.30114178133329,352,136.23707191466664,360,132.27231180799998C368,128.30755170133332,376,127.558024672,384,124.92871456C392,122.299404448,400,116.49645113600002,408,116.49645113600002C416,116.49645113600002,424,142.8818553066667,432,147.94231920000001C440,153.00278309333333,448,155.53301504,456,155.53301504C464,155.53301504,472,147.54844651733333,480,141.915090304C488,136.28173409066667,495.99999999999994,121.73287776000008,503.99999999999994,121.73287776000008C511.99999999999994,121.73287776000008,520,147.90280169599995,528,152.63684758399998C536,157.370893472,544,159.73791641600002,552,159.73791641600002C560,159.73791641600002,568,140.4438672,576,140.4438672C584,140.4438672,592,150.146582976,600,150.146582976C608,150.146582976,616,121.98686448,624,121.98686448C632,121.98686448,640,208,648,208C656,208,664,133.83377571200015,672,102.0323582720003C680,70.23094083200043,688,17.191495360000836,696,17.191495360000836C704,17.191495360000836,712,112.59574768000043,720,208"
              onClick={[Function]}
              onContextMenu={[Function]}
              onMouseOut={[Function]}
@ -523,7 +523,7 @@ Array [
              />
              <circle
                cx={96}
-                cy={150.08754675200004}
+                cy={150.087546752}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -540,7 +540,7 @@ Array [
              />
              <circle
                cx={120}
-                cy={141.3676243200001}
+                cy={141.36762432000006}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -625,7 +625,7 @@ Array [
              />
              <circle
                cx={240}
-                cy={150.338753344}
+                cy={150.33875334399997}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -642,7 +642,7 @@ Array [
              />
              <circle
                cx={264}
-                cy={145.21265574400002}
+                cy={145.21265574400005}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -727,7 +727,7 @@ Array [
              />
              <circle
                cx={384}
-                cy={124.92871455999999}
+                cy={124.92871456}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -744,7 +744,7 @@ Array [
              />
              <circle
                cx={408}
-                cy={116.496451136}
+                cy={116.49645113600002}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -778,7 +778,7 @@ Array [
              />
              <circle
                cx={456}
-                cy={155.53301503999998}
+                cy={155.53301504}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -829,7 +829,7 @@ Array [
              />
              <circle
                cx={528}
-                cy={152.636847584}
+                cy={152.63684758399998}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -948,7 +948,7 @@ Array [
              />
              <circle
                cx={696}
-                cy={17.19149536000083}
+                cy={17.191495360000836}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -987,7 +987,7 @@ Array [
          >
            <path
              className="rv-xy-plot__series rv-xy-plot__series--line "
-              d="M0,208C8,183.10434549333334,16,158.20869098666668,24,157.4191424C32,156.62959381333332,40,156.23481951999997,48,156.23481951999997C56,156.23481951999997,64,160.81596682666668,72,161.56425792000002C80,162.31254901333335,88,162.68669456,96,162.68669456C104,162.68669456,112,158.86059904000004,120,158.86059904000004C128,158.86059904000004,136,163.62246992000001,144,163.62246992000001C152,163.62246992000001,160,142.73391392000002,168,142.73391392000002C176,142.73391392000002,184,165.8699744,192,165.8699744C200,165.8699744,208,163.6534529066668,216,163.52439168000006C224,163.39533045333334,232,163.45986106666672,240,163.33079984C248,163.20173861333328,256,161.4781168,264,161.4781168C272,161.4781168,280,161.87593552,288,162.16472064C296,162.45350576,304,162.51342293333335,312,163.21082752C320,163.90823210666667,328,166.81319824,336,166.81319824C344,166.81319824,352,143.21282560000003,360,143.21282560000003C368,143.21282560000003,376,164.71169104,384,164.71169104C392,164.71169104,400,135.88840304000001,408,135.88840304000001C416,135.88840304000001,424,152.6074260533333,432,157.5681224C440,162.52881874666667,448,165.65258112,456,165.65258112C464,165.65258112,472,165.61368234666668,480,165.53588480000002C488,165.45808725333336,495.99999999999994,147.713644,503.99999999999994,147.713644C511.99999999999994,147.713644,520,163.65928869333334,528,164.06490256C536,164.47051642666668,544,164.27093592,552,164.67332336C560,165.07571080000002,568,166.4792272,576,166.4792272C584,166.4792272,592,152.7591936,600,152.7591936C608,152.7591936,616,156.23893584,624,163.19842032C632,170.15790479999998,640,208,648,208C656,208,664,177.47751424,672,161.37461184C680,145.27170944,688,111.3825856,696,111.3825856C704,111.3825856,712,159.6912928,720,208"
+              d="M0,208C8,183.10434549333334,16,158.20869098666665,24,157.4191424C32,156.62959381333334,40,156.23481952,48,156.23481952C56,156.23481952,64,160.81596682666668,72,161.56425792000002C80,162.31254901333335,88,162.68669456,96,162.68669456C104,162.68669456,112,158.86059904000004,120,158.86059904000004C128,158.86059904000004,136,163.62246992000001,144,163.62246992000001C152,163.62246992000001,160,142.73391392000002,168,142.73391392000002C176,142.73391392000002,184,165.8699744,192,165.8699744C200,165.8699744,208,163.6534529066668,216,163.52439168000006C224,163.39533045333334,232,163.45986106666672,240,163.33079984C248,163.20173861333328,256,161.4781168,264,161.4781168C272,161.4781168,280,161.87593552,288,162.16472064C296,162.45350576,304,162.51342293333335,312,163.21082752C320,163.90823210666667,328,166.81319824,336,166.81319824C344,166.81319824,352,143.21282560000003,360,143.21282560000003C368,143.21282560000003,376,164.71169104,384,164.71169104C392,164.71169104,400,135.88840304000001,408,135.88840304000001C416,135.88840304000001,424,152.6074260533333,432,157.5681224C440,162.52881874666667,448,165.65258112,456,165.65258112C464,165.65258112,472,165.61368234666668,480,165.53588480000002C488,165.45808725333336,495.99999999999994,147.713644,503.99999999999994,147.713644C511.99999999999994,147.713644,520,163.65928869333334,528,164.06490256C536,164.47051642666668,544,164.27093592,552,164.67332336C560,165.07571080000002,568,166.4792272,576,166.4792272C584,166.4792272,592,152.7591936,600,152.7591936C608,152.7591936,616,156.23893584,624,163.19842032C632,170.15790479999998,640,208,648,208C656,208,664,177.47751424,672,161.37461184C680,145.27170944,688,111.3825856,696,111.3825856C704,111.3825856,712,159.6912928,720,208"
              onClick={[Function]}
              onContextMenu={[Function]}
              onMouseOut={[Function]}
@ -1042,7 +1042,7 @@ Array [
              />
              <circle
                cx={48}
-                cy={156.23481951999997}
+                cy={156.23481952}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -1540,7 +1540,7 @@ Array [
          >
            <path
              className="rv-xy-plot__series rv-xy-plot__series--line "
-              d="M0,208C8,198.0144506122449,16,188.0289012244898,24,188.0289012244898C32,188.0289012244898,40,190.93245866666666,48,190.93245866666666C56,190.93245866666666,64,190.28154649962812,72,189.81180675918367C80,189.34206701873921,88,188.114020224,96,188.114020224C104,188.114020224,112,188.75217580408165,120,188.75217580408165C128,188.75217580408165,136,187.7737856411058,144,186.9231112C152,186.07243675889418,160,183.64812915744682,168,183.64812915744682C176,183.64812915744682,184,187.40215166647673,192,188.65222657560975C200,189.90230148474276,208,191.1485786122449,216,191.1485786122449C224,191.1485786122449,232,187.9993893818182,240,187.9993893818182C248,187.9993893818182,256,192.51163795348836,264,192.51163795348836C272,192.51163795348836,280,186.9925278577778,288,186.9925278577778C296,186.9925278577778,304,191.5321727255814,312,191.5321727255814C320,191.5321727255814,328,188.75657926666668,336,188.75657926666668C344,188.75657926666668,352,189.74989696,360,189.74989696C368,189.74989696,376,189.71163744,384,189.6351184C392,189.55859936000002,400,184.25858141935484,408,184.25858141935484C416,184.25858141935484,424,190.2827607652174,432,190.2827607652174C440,190.2827607652174,448,189.76271776603772,456,189.76271776603772C464,189.76271776603772,472,191.83746261333334,480,191.83746261333334C488,191.83746261333334,495.99999999999994,187.9456040347826,503.99999999999994,187.9456040347826C511.99999999999994,187.9456040347826,520,188.09594339288537,528,188.3966221090909C536,188.69730082529645,544,191.762533248,552,191.762533248C560,191.762533248,568,191.6625795195817,576,191.4626720627451C584,191.2627646059085,592,189.4011021381818,600,189.4011021381818C608,189.4011021381818,616,189.79567013943304,624,190.58480614193547C632,191.3739421444379,640,208,648,208C656,208,664,194.91739193977511,672,189.69166496603773C680,184.46593799230035,688,176.64563815757575,696,176.64563815757575C704,176.64563815757575,712,192.32281907878786,720,208"
+              d="M0,208C8,198.0144506122449,16,188.0289012244898,24,188.0289012244898C32,188.0289012244898,40,190.93245866666666,48,190.93245866666666C56,190.93245866666666,64,190.28154649962812,72,189.81180675918367C80,189.34206701873921,88,188.114020224,96,188.114020224C104,188.114020224,112,188.75217580408165,120,188.75217580408165C128,188.75217580408165,136,187.7737856411058,144,186.9231112C152,186.07243675889418,160,183.64812915744682,168,183.64812915744682C176,183.64812915744682,184,187.40215166647675,192,188.65222657560977C200,189.9023014847428,208,191.1485786122449,216,191.1485786122449C224,191.1485786122449,232,187.99938938181816,240,187.99938938181816C248,187.99938938181816,256,192.51163795348836,264,192.51163795348836C272,192.51163795348836,280,186.99252785777776,288,186.99252785777776C296,186.99252785777776,304,191.5321727255814,312,191.5321727255814C320,191.5321727255814,328,188.75657926666668,336,188.75657926666668C344,188.75657926666668,352,189.74989696,360,189.74989696C368,189.74989696,376,189.71163744,384,189.6351184C392,189.55859936000002,400,184.25858141935484,408,184.25858141935484C416,184.25858141935484,424,190.2827607652174,432,190.2827607652174C440,190.2827607652174,448,189.76271776603772,456,189.76271776603772C464,189.76271776603772,472,191.83746261333334,480,191.83746261333334C488,191.83746261333334,495.99999999999994,187.9456040347826,503.99999999999994,187.9456040347826C511.99999999999994,187.9456040347826,520,188.09594339288537,528,188.3966221090909C536,188.69730082529645,544,191.762533248,552,191.762533248C560,191.762533248,568,191.6625795195817,576,191.4626720627451C584,191.2627646059085,592,189.4011021381818,600,189.4011021381818C608,189.4011021381818,616,189.79567013943304,624,190.58480614193547C632,191.3739421444379,640,208,648,208C656,208,664,194.91739193977511,672,189.69166496603773C680,184.46593799230035,688,176.64563815757575,696,176.64563815757575C704,176.64563815757575,712,192.32281907878786,720,208"
              onClick={[Function]}
              onContextMenu={[Function]}
              onMouseOut={[Function]}
@ -1697,7 +1697,7 @@ Array [
              />
              <circle
                cx={192}
-                cy={188.65222657560975}
+                cy={188.65222657560977}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -1731,7 +1731,7 @@ Array [
              />
              <circle
                cx={240}
-                cy={187.9993893818182}
+                cy={187.99938938181816}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -1765,7 +1765,7 @@ Array [
              />
              <circle
                cx={288}
-                cy={186.9925278577778}
+                cy={186.99252785777776}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -2840,7 +2840,7 @@ exports[`when response has data when dragging without releasing should display S
  fillOpacity="0.1"
  height={208}
  pointerEvents="none"
-  width={240}
+  width={239.9999999999999}
  x={320}
  y={16}
 />
@ -3370,7 +3370,7 @@ Array [
          >
            <path
              className="rv-xy-plot__series rv-xy-plot__series--line "
-              d="M0,208C8,177.67069216000004,16,147.3413843200001,24,145.82854374400006C32,144.31570316800003,40,143.55928288,48,143.55928288C56,143.55928288,64,143.69173256533335,72,143.95663193600006C80,144.22153130666678,88,150.08754675200004,96,150.08754675200004C104,150.08754675200004,112,143.61986468266676,120,141.3676243200001C128,139.11538395733342,136,138.10678017066667,144,136.574104576C152,135.04142898133333,160,134.60761100800002,168,132.171570752C176,129.735530496,184,122.7740017919999,192,121.95786303999996C200,121.14172428800003,208,120.73365491200006,216,120.73365491200006C224,120.73365491200006,232,150.338753344,240,150.338753344C248,150.338753344,256,145.21265574400002,264,145.21265574400002C272,145.21265574400002,280,159.49950515199998,288,159.49950515199998C296,159.49950515199998,304,159.25604087466667,312,158.76911232C320,158.28218376533334,328,153.13340861866664,336,148.71727519999996C344,144.30114178133329,352,136.23707191466664,360,132.27231180799998C368,128.30755170133332,376,127.55802467199999,384,124.92871455999999C392,122.29940444799999,400,116.496451136,408,116.496451136C416,116.496451136,424,142.8818553066667,432,147.94231920000001C440,153.00278309333333,448,155.53301503999998,456,155.53301503999998C464,155.53301503999998,472,147.5484465173333,480,141.915090304C488,136.28173409066667,495.99999999999994,121.73287776000008,503.99999999999994,121.73287776000008C511.99999999999994,121.73287776000008,520,147.90280169599998,528,152.636847584C536,157.370893472,544,159.73791641600002,552,159.73791641600002C560,159.73791641600002,568,140.4438672,576,140.4438672C584,140.4438672,592,150.146582976,600,150.146582976C608,150.146582976,616,121.98686448,624,121.98686448C632,121.98686448,640,208,648,208C656,208,664,133.83377571200015,672,102.0323582720003C680,70.23094083200043,688,17.19149536000083,696,17.19149536000083C704,17.19149536000083,712,112.59574768000043,720,208"
+              d="M0,208C8,177.67069216000004,16,147.3413843200001,24,145.82854374400006C32,144.31570316800003,40,143.55928288,48,143.55928288C56,143.55928288,64,143.69173256533335,72,143.95663193600006C80,144.22153130666678,88,150.087546752,96,150.087546752C104,150.087546752,112,143.61986468266673,120,141.36762432000006C128,139.1153839573334,136,138.10678017066667,144,136.574104576C152,135.04142898133333,160,134.60761100800002,168,132.171570752C176,129.735530496,184,122.7740017919999,192,121.95786303999996C200,121.14172428800003,208,120.73365491200006,216,120.73365491200006C224,120.73365491200006,232,150.33875334399997,240,150.33875334399997C248,150.33875334399997,256,145.21265574400005,264,145.21265574400005C272,145.21265574400005,280,159.49950515199998,288,159.49950515199998C296,159.49950515199998,304,159.25604087466667,312,158.76911232C320,158.28218376533334,328,153.13340861866664,336,148.71727519999996C344,144.30114178133329,352,136.23707191466664,360,132.27231180799998C368,128.30755170133332,376,127.558024672,384,124.92871456C392,122.299404448,400,116.49645113600002,408,116.49645113600002C416,116.49645113600002,424,142.8818553066667,432,147.94231920000001C440,153.00278309333333,448,155.53301504,456,155.53301504C464,155.53301504,472,147.54844651733333,480,141.915090304C488,136.28173409066667,495.99999999999994,121.73287776000008,503.99999999999994,121.73287776000008C511.99999999999994,121.73287776000008,520,147.90280169599995,528,152.63684758399998C536,157.370893472,544,159.73791641600002,552,159.73791641600002C560,159.73791641600002,568,140.4438672,576,140.4438672C584,140.4438672,592,150.146582976,600,150.146582976C608,150.146582976,616,121.98686448,624,121.98686448C632,121.98686448,640,208,648,208C656,208,664,133.83377571200015,672,102.0323582720003C680,70.23094083200043,688,17.191495360000836,696,17.191495360000836C704,17.191495360000836,712,112.59574768000043,720,208"
              onClick={[Function]}
              onContextMenu={[Function]}
              onMouseOut={[Function]}
@ -3459,7 +3459,7 @@ Array [
              />
              <circle
                cx={96}
-                cy={150.08754675200004}
+                cy={150.087546752}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -3476,7 +3476,7 @@ Array [
              />
              <circle
                cx={120}
-                cy={141.3676243200001}
+                cy={141.36762432000006}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -3561,7 +3561,7 @@ Array [
              />
              <circle
                cx={240}
-                cy={150.338753344}
+                cy={150.33875334399997}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -3578,7 +3578,7 @@ Array [
              />
              <circle
                cx={264}
-                cy={145.21265574400002}
+                cy={145.21265574400005}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -3663,7 +3663,7 @@ Array [
              />
              <circle
                cx={384}
-                cy={124.92871455999999}
+                cy={124.92871456}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -3680,7 +3680,7 @@ Array [
              />
              <circle
                cx={408}
-                cy={116.496451136}
+                cy={116.49645113600002}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -3714,7 +3714,7 @@ Array [
              />
              <circle
                cx={456}
-                cy={155.53301503999998}
+                cy={155.53301504}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -3765,7 +3765,7 @@ Array [
              />
              <circle
                cx={528}
-                cy={152.636847584}
+                cy={152.63684758399998}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -3884,7 +3884,7 @@ Array [
              />
              <circle
                cx={696}
-                cy={17.19149536000083}
+                cy={17.191495360000836}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -3923,7 +3923,7 @@ Array [
          >
            <path
              className="rv-xy-plot__series rv-xy-plot__series--line "
-              d="M0,208C8,183.10434549333334,16,158.20869098666668,24,157.4191424C32,156.62959381333332,40,156.23481951999997,48,156.23481951999997C56,156.23481951999997,64,160.81596682666668,72,161.56425792000002C80,162.31254901333335,88,162.68669456,96,162.68669456C104,162.68669456,112,158.86059904000004,120,158.86059904000004C128,158.86059904000004,136,163.62246992000001,144,163.62246992000001C152,163.62246992000001,160,142.73391392000002,168,142.73391392000002C176,142.73391392000002,184,165.8699744,192,165.8699744C200,165.8699744,208,163.6534529066668,216,163.52439168000006C224,163.39533045333334,232,163.45986106666672,240,163.33079984C248,163.20173861333328,256,161.4781168,264,161.4781168C272,161.4781168,280,161.87593552,288,162.16472064C296,162.45350576,304,162.51342293333335,312,163.21082752C320,163.90823210666667,328,166.81319824,336,166.81319824C344,166.81319824,352,143.21282560000003,360,143.21282560000003C368,143.21282560000003,376,164.71169104,384,164.71169104C392,164.71169104,400,135.88840304000001,408,135.88840304000001C416,135.88840304000001,424,152.6074260533333,432,157.5681224C440,162.52881874666667,448,165.65258112,456,165.65258112C464,165.65258112,472,165.61368234666668,480,165.53588480000002C488,165.45808725333336,495.99999999999994,147.713644,503.99999999999994,147.713644C511.99999999999994,147.713644,520,163.65928869333334,528,164.06490256C536,164.47051642666668,544,164.27093592,552,164.67332336C560,165.07571080000002,568,166.4792272,576,166.4792272C584,166.4792272,592,152.7591936,600,152.7591936C608,152.7591936,616,156.23893584,624,163.19842032C632,170.15790479999998,640,208,648,208C656,208,664,177.47751424,672,161.37461184C680,145.27170944,688,111.3825856,696,111.3825856C704,111.3825856,712,159.6912928,720,208"
+              d="M0,208C8,183.10434549333334,16,158.20869098666665,24,157.4191424C32,156.62959381333334,40,156.23481952,48,156.23481952C56,156.23481952,64,160.81596682666668,72,161.56425792000002C80,162.31254901333335,88,162.68669456,96,162.68669456C104,162.68669456,112,158.86059904000004,120,158.86059904000004C128,158.86059904000004,136,163.62246992000001,144,163.62246992000001C152,163.62246992000001,160,142.73391392000002,168,142.73391392000002C176,142.73391392000002,184,165.8699744,192,165.8699744C200,165.8699744,208,163.6534529066668,216,163.52439168000006C224,163.39533045333334,232,163.45986106666672,240,163.33079984C248,163.20173861333328,256,161.4781168,264,161.4781168C272,161.4781168,280,161.87593552,288,162.16472064C296,162.45350576,304,162.51342293333335,312,163.21082752C320,163.90823210666667,328,166.81319824,336,166.81319824C344,166.81319824,352,143.21282560000003,360,143.21282560000003C368,143.21282560000003,376,164.71169104,384,164.71169104C392,164.71169104,400,135.88840304000001,408,135.88840304000001C416,135.88840304000001,424,152.6074260533333,432,157.5681224C440,162.52881874666667,448,165.65258112,456,165.65258112C464,165.65258112,472,165.61368234666668,480,165.53588480000002C488,165.45808725333336,495.99999999999994,147.713644,503.99999999999994,147.713644C511.99999999999994,147.713644,520,163.65928869333334,528,164.06490256C536,164.47051642666668,544,164.27093592,552,164.67332336C560,165.07571080000002,568,166.4792272,576,166.4792272C584,166.4792272,592,152.7591936,600,152.7591936C608,152.7591936,616,156.23893584,624,163.19842032C632,170.15790479999998,640,208,648,208C656,208,664,177.47751424,672,161.37461184C680,145.27170944,688,111.3825856,696,111.3825856C704,111.3825856,712,159.6912928,720,208"
              onClick={[Function]}
              onContextMenu={[Function]}
              onMouseOut={[Function]}
@ -3978,7 +3978,7 @@ Array [
              />
              <circle
                cx={48}
-                cy={156.23481951999997}
+                cy={156.23481952}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -4476,7 +4476,7 @@ Array [
          >
            <path
              className="rv-xy-plot__series rv-xy-plot__series--line "
-              d="M0,208C8,198.0144506122449,16,188.0289012244898,24,188.0289012244898C32,188.0289012244898,40,190.93245866666666,48,190.93245866666666C56,190.93245866666666,64,190.28154649962812,72,189.81180675918367C80,189.34206701873921,88,188.114020224,96,188.114020224C104,188.114020224,112,188.75217580408165,120,188.75217580408165C128,188.75217580408165,136,187.7737856411058,144,186.9231112C152,186.07243675889418,160,183.64812915744682,168,183.64812915744682C176,183.64812915744682,184,187.40215166647673,192,188.65222657560975C200,189.90230148474276,208,191.1485786122449,216,191.1485786122449C224,191.1485786122449,232,187.9993893818182,240,187.9993893818182C248,187.9993893818182,256,192.51163795348836,264,192.51163795348836C272,192.51163795348836,280,186.9925278577778,288,186.9925278577778C296,186.9925278577778,304,191.5321727255814,312,191.5321727255814C320,191.5321727255814,328,188.75657926666668,336,188.75657926666668C344,188.75657926666668,352,189.74989696,360,189.74989696C368,189.74989696,376,189.71163744,384,189.6351184C392,189.55859936000002,400,184.25858141935484,408,184.25858141935484C416,184.25858141935484,424,190.2827607652174,432,190.2827607652174C440,190.2827607652174,448,189.76271776603772,456,189.76271776603772C464,189.76271776603772,472,191.83746261333334,480,191.83746261333334C488,191.83746261333334,495.99999999999994,187.9456040347826,503.99999999999994,187.9456040347826C511.99999999999994,187.9456040347826,520,188.09594339288537,528,188.3966221090909C536,188.69730082529645,544,191.762533248,552,191.762533248C560,191.762533248,568,191.6625795195817,576,191.4626720627451C584,191.2627646059085,592,189.4011021381818,600,189.4011021381818C608,189.4011021381818,616,189.79567013943304,624,190.58480614193547C632,191.3739421444379,640,208,648,208C656,208,664,194.91739193977511,672,189.69166496603773C680,184.46593799230035,688,176.64563815757575,696,176.64563815757575C704,176.64563815757575,712,192.32281907878786,720,208"
+              d="M0,208C8,198.0144506122449,16,188.0289012244898,24,188.0289012244898C32,188.0289012244898,40,190.93245866666666,48,190.93245866666666C56,190.93245866666666,64,190.28154649962812,72,189.81180675918367C80,189.34206701873921,88,188.114020224,96,188.114020224C104,188.114020224,112,188.75217580408165,120,188.75217580408165C128,188.75217580408165,136,187.7737856411058,144,186.9231112C152,186.07243675889418,160,183.64812915744682,168,183.64812915744682C176,183.64812915744682,184,187.40215166647675,192,188.65222657560977C200,189.9023014847428,208,191.1485786122449,216,191.1485786122449C224,191.1485786122449,232,187.99938938181816,240,187.99938938181816C248,187.99938938181816,256,192.51163795348836,264,192.51163795348836C272,192.51163795348836,280,186.99252785777776,288,186.99252785777776C296,186.99252785777776,304,191.5321727255814,312,191.5321727255814C320,191.5321727255814,328,188.75657926666668,336,188.75657926666668C344,188.75657926666668,352,189.74989696,360,189.74989696C368,189.74989696,376,189.71163744,384,189.6351184C392,189.55859936000002,400,184.25858141935484,408,184.25858141935484C416,184.25858141935484,424,190.2827607652174,432,190.2827607652174C440,190.2827607652174,448,189.76271776603772,456,189.76271776603772C464,189.76271776603772,472,191.83746261333334,480,191.83746261333334C488,191.83746261333334,495.99999999999994,187.9456040347826,503.99999999999994,187.9456040347826C511.99999999999994,187.9456040347826,520,188.09594339288537,528,188.3966221090909C536,188.69730082529645,544,191.762533248,552,191.762533248C560,191.762533248,568,191.6625795195817,576,191.4626720627451C584,191.2627646059085,592,189.4011021381818,600,189.4011021381818C608,189.4011021381818,616,189.79567013943304,624,190.58480614193547C632,191.3739421444379,640,208,648,208C656,208,664,194.91739193977511,672,189.69166496603773C680,184.46593799230035,688,176.64563815757575,696,176.64563815757575C704,176.64563815757575,712,192.32281907878786,720,208"
              onClick={[Function]}
              onContextMenu={[Function]}
              onMouseOut={[Function]}
@ -4633,7 +4633,7 @@ Array [
              />
              <circle
                cx={192}
-                cy={188.65222657560975}
+                cy={188.65222657560977}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -4667,7 +4667,7 @@ Array [
              />
              <circle
                cx={240}
-                cy={187.9993893818182}
+                cy={187.99938938181816}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
@ -4701,7 +4701,7 @@ Array [
              />
              <circle
                cx={288}
-                cy={186.9925278577778}
+                cy={186.99252785777776}
                onClick={[Function]}
                onContextMenu={[Function]}
                onMouseOut={[Function]}
--- a/x-pack/plugins/apm/public/components/shared/charts/Histogram/test/snapshots/Histogram.test.js.snap
+++ b/x-pack/plugins/apm/public/components/shared/charts/Histogram/test/snapshots/Histogram.test.js.snap
@ -522,7 +522,7 @@ exports[`Histogram Initially should have default markup 1`] = `
              y={112}
            />
            <rect
-              height={16.290909090909082}
+              height={16.290909090909096}
              onClick={[Function]}
              onContextMenu={[Function]}
              onMouseOut={[Function]}
@ -538,7 +538,7 @@ exports[`Histogram Initially should have default markup 1`] = `
              }
              width={22.62857142857142}
              x={126.97142857142858}
-              y={95.70909090909092}
+              y={95.7090909090909}
            />
            <rect
              height={46.83636363636364}
@ -576,7 +576,7 @@ exports[`Histogram Initially should have default markup 1`] = `
              }
              width={22.628571428571405}
              x={177.25714285714287}
-              y={12.218181818181819}
+              y={12.218181818181822}
            />
            <rect
              height={103.85454545454544}
@ -595,10 +595,10 @@ exports[`Histogram Initially should have default markup 1`] = `
              }
              width={22.628571428571377}
              x={202.40000000000003}
-              y={8.145454545454555}
+              y={8.145454545454548}
            />
            <rect
-              height={93.67272727272727}
+              height={93.67272727272726}
              onClick={[Function]}
              onContextMenu={[Function]}
              onMouseOut={[Function]}
@ -614,7 +614,7 @@ exports[`Histogram Initially should have default markup 1`] = `
              }
              width={22.628571428571462}
              x={227.54285714285712}
-              y={18.327272727272728}
+              y={18.327272727272735}
            />
            <rect
              height={26.47272727272727}
@ -655,7 +655,7 @@ exports[`Histogram Initially should have default markup 1`] = `
              y={97.74545454545455}
            />
            <rect
-              height={8.145454545454541}
+              height={8.145454545454555}
              onClick={[Function]}
              onContextMenu={[Function]}
              onMouseOut={[Function]}
@ -671,7 +671,7 @@ exports[`Histogram Initially should have default markup 1`] = `
              }
              width={22.62857142857149}
              x={302.97142857142853}
-              y={103.85454545454546}
+              y={103.85454545454544}
            />
            <rect
              height={6.109090909090909}
@ -712,7 +712,7 @@ exports[`Histogram Initially should have default markup 1`] = `
              y={112}
            />
            <rect
-              height={8.145454545454541}
+              height={8.145454545454555}
              onClick={[Function]}
              onContextMenu={[Function]}
              onMouseOut={[Function]}
@ -728,7 +728,7 @@ exports[`Histogram Initially should have default markup 1`] = `
              }
              width={22.628571428571433}
              x={378.4}
-              y={103.85454545454546}
+              y={103.85454545454544}
            />
            <rect
              height={0}
--- a/x-pack/plugins/ml/server/models/data_recognizer/modules/auditbeat_process_docker_ecs/kibana/visualization/ml_auditbeat_docker_process_occurrence_ecs.json
+++ b/x-pack/plugins/ml/server/models/data_recognizer/modules/auditbeat_process_docker_ecs/kibana/visualization/ml_auditbeat_docker_process_occurrence_ecs.json
@ -1,6 +1,6 @@
 {
  "title": "ML Auditbeat Docker: Process Occurrence - experimental (ECS)",
-  "visState": "{\"type\":\"vega\",\"params\":{\"spec\":\"{\\n  $schema: https://vega.github.io/schema/vega-lite/v2.json\\n  mark: {type: \\\"point\\\"}\\n  data: {\\n    url: {\\n      index: \\\"INDEX_PATTERN_NAME\\\"\\n      body: {\\n        size: 10000\\n        query: {\\n          bool: {\\n            must: [\\n              %dashboard_context-must_clause%\\n              {\\n                exists: {field: \\\"process.executable\\\"}\\n              }\\n              {\\n                function_score: {\\n                  random_score: {seed: 10, field: \\\"_seq_no\\\"}\\n                }\\n              }\\n              {\\n                range: {\\n                  @timestamp: {\\n                    %timefilter%: true\\n                  }\\n                }\\n              }\\n            ]\\n            must_not: [\\n              \\\"%dashboard_context-must_not_clause%\\\"\\n            ]\\n          }\\n        }\\n        script_fields: {\\n          process_exe: {\\n            script: {source: \\\"params['_source']['process']['executable']\\\"}\\n          }\\n        }\\n        _source: [\\\"@timestamp\\\", \\\"process_exe\\\"]\\n      }\\n    }\\n    format: {property: \\\"hits.hits\\\"}\\n  }\\n  transform: [\\n    {calculate: \\\"toDate(datum._source['@timestamp'])\\\", as: \\\"time\\\"}\\n  ]\\n  encoding: {\\n    x: {\\n      field: time\\n      type: temporal\\n      axis: {labels: true, ticks: true, title: false},\\n      timeUnit: utcyearmonthdatehoursminutes\\n    }\\n    y: {\\n      field: fields.process_exe\\n      type: ordinal\\n      sort: {op: \\\"count\\\", order: \\\"descending\\\"}\\n      axis: {labels: true, title: \\\"occurrence of process.executable\\\", ticks: false}\\n    }\\n  }\\n  config: {\\n    style: {\\n      point: {filled: true}\\n    }\\n  }\\n}\"},\"aggs\":[]}",
+  "visState": "{\"type\":\"vega\",\"params\":{\"spec\":\"{\\n  $schema: https://vega.github.io/schema/vega-lite/v4.json\\n  width: \\\"container\\\"\\n  mark: {type: \\\"point\\\"}\\n  data: {\\n    url: {\\n      index: \\\"INDEX_PATTERN_NAME\\\"\\n      body: {\\n        size: 10000\\n        query: {\\n          bool: {\\n            must: [\\n              %dashboard_context-must_clause%\\n              {\\n                exists: {field: \\\"process.executable\\\"}\\n              }\\n              {\\n                function_score: {\\n                  random_score: {seed: 10, field: \\\"_seq_no\\\"}\\n                }\\n              }\\n              {\\n                range: {\\n                  @timestamp: {\\n                    %timefilter%: true\\n                  }\\n                }\\n              }\\n            ]\\n            must_not: [\\n              \\\"%dashboard_context-must_not_clause%\\\"\\n            ]\\n          }\\n        }\\n        script_fields: {\\n          process_exe: {\\n            script: {source: \\\"params['_source']['process']['executable']\\\"}\\n          }\\n        }\\n        _source: [\\\"@timestamp\\\", \\\"process_exe\\\"]\\n      }\\n    }\\n    format: {property: \\\"hits.hits\\\"}\\n  }\\n  transform: [\\n    {calculate: \\\"toDate(datum._source['@timestamp'])\\\", as: \\\"time\\\"}\\n  ]\\n  encoding: {\\n    x: {\\n      field: time\\n      type: temporal\\n      axis: {labels: true, ticks: true, title: false},\\n      timeUnit: utcyearmonthdatehoursminutes\\n    }\\n    y: {\\n      field: fields.process_exe\\n      type: ordinal\\n      sort: {op: \\\"count\\\", order: \\\"descending\\\"}\\n      axis: {labels: true, title: \\\"occurrence of process.executable\\\", ticks: false}\\n    }\\n  }\\n  config: {\\n    style: {\\n      point: {filled: true}\\n    }\\n  }\\n}\"},\"aggs\":[]}",
  "uiStateJSON": "{}",
  "description": "",
  "savedSearchId": "ml_auditbeat_docker_process_events_ecs",
--- a/x-pack/plugins/ml/server/models/data_recognizer/modules/auditbeat_process_hosts_ecs/kibana/visualization/ml_auditbeat_hosts_process_occurrence_ecs.json
+++ b/x-pack/plugins/ml/server/models/data_recognizer/modules/auditbeat_process_hosts_ecs/kibana/visualization/ml_auditbeat_hosts_process_occurrence_ecs.json
@ -1,6 +1,6 @@
 {
  "title": "ML Auditbeat Hosts: Process Occurrence - experimental (ECS)",
-  "visState": "{\"type\":\"vega\",\"params\":{\"spec\":\"{\\n  $schema: https://vega.github.io/schema/vega-lite/v2.json\\n  mark: {type: \\\"point\\\"}\\n  data: {\\n    url: {\\n      index: \\\"INDEX_PATTERN_NAME\\\"\\n      body: {\\n        size: 10000\\n        query: {\\n          bool: {\\n            must: [\\n              %dashboard_context-must_clause%\\n              {\\n                exists: {field: \\\"process.executable\\\"}\\n              }\\n              {\\n                function_score: {\\n                  random_score: {seed: 10, field: \\\"_seq_no\\\"}\\n                }\\n              }\\n              {\\n                range: {\\n                  @timestamp: {\\n                    %timefilter%: true\\n                  }\\n                }\\n              }\\n            ]\\n            must_not: [\\n              \\\"%dashboard_context-must_not_clause%\\\"\\n            ]\\n          }\\n        }\\n        script_fields: {\\n          process_exe: {\\n            script: {source: \\\"params['_source']['process']['executable']\\\"}\\n          }\\n        }\\n        _source: [\\\"@timestamp\\\", \\\"process_exe\\\"]\\n      }\\n    }\\n    format: {property: \\\"hits.hits\\\"}\\n  }\\n  transform: [\\n    {calculate: \\\"toDate(datum._source['@timestamp'])\\\", as: \\\"time\\\"}\\n  ]\\n  encoding: {\\n    x: {\\n      field: time\\n      type: temporal\\n      axis: {labels: true, ticks: true, title: false},\\n      timeUnit: utcyearmonthdatehoursminutes\\n    }\\n    y: {\\n      field: fields.process_exe\\n      type: ordinal\\n      sort: {op: \\\"count\\\", order: \\\"descending\\\"}\\n      axis: {labels: true, title: \\\"occurrence of process.executable\\\", ticks: false}\\n    }\\n  }\\n  config: {\\n    style: {\\n      point: {filled: true}\\n    }\\n  }\\n}\"},\"aggs\":[]}",
+  "visState": "{\"type\":\"vega\",\"params\":{\"spec\":\"{\\n   $schema: https://vega.github.io/schema/vega-lite/v4.json\\n  width: \\\"container\\\"\\n  mark: {type: \\\"point\\\"}\\n  data: {\\n    url: {\\n      index: \\\"INDEX_PATTERN_NAME\\\"\\n      body: {\\n        size: 10000\\n        query: {\\n          bool: {\\n            must: [\\n              %dashboard_context-must_clause%\\n              {\\n                exists: {field: \\\"process.executable\\\"}\\n              }\\n              {\\n                function_score: {\\n                  random_score: {seed: 10, field: \\\"_seq_no\\\"}\\n                }\\n              }\\n              {\\n                range: {\\n                  @timestamp: {\\n                    %timefilter%: true\\n                  }\\n                }\\n              }\\n            ]\\n            must_not: [\\n              \\\"%dashboard_context-must_not_clause%\\\"\\n            ]\\n          }\\n        }\\n        script_fields: {\\n          process_exe: {\\n            script: {source: \\\"params['_source']['process']['executable']\\\"}\\n          }\\n        }\\n        _source: [\\\"@timestamp\\\", \\\"process_exe\\\"]\\n      }\\n    }\\n    format: {property: \\\"hits.hits\\\"}\\n  }\\n  transform: [\\n    {calculate: \\\"toDate(datum._source['@timestamp'])\\\", as: \\\"time\\\"}\\n  ]\\n  encoding: {\\n    x: {\\n      field: time\\n      type: temporal\\n      axis: {labels: true, ticks: true, title: false},\\n      timeUnit: utcyearmonthdatehoursminutes\\n    }\\n    y: {\\n      field: fields.process_exe\\n      type: ordinal\\n      sort: {op: \\\"count\\\", order: \\\"descending\\\"}\\n      axis: {labels: true, title: \\\"occurrence of process.executable\\\", ticks: false}\\n    }\\n  }\\n  config: {\\n    style: {\\n      point: {filled: true}\\n    }\\n  }\\n}\"},\"aggs\":[]}",
  "uiStateJSON": "{}",
  "description": "",
  "savedSearchId": "ml_auditbeat_hosts_process_events_ecs",
--- a/yarn.lock
+++ b/yarn.lock