@elastic/eui 12.2.0 → 12.4.0

package/src/components/series_chart/series/__snapshots__/area_series.test.js.snap

@@ -1,4151 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EuiAreaSeries all props are rendered 1`] = `
-<FlexibleEuiSeriesChart
-  aria-label="aria-label"
-  className="testClass1 testClass2"
-  data-test-subj="test subject string"
-  height={200}
-  width={600}
->
-  <div
-    style={
-      Object {
-        "height": "100%",
-        "width": "100%",
-      }
-    }
-  >
-    <EuiSeriesChart
-      animateData={true}
-      aria-label="aria-label"
-      className="testClass1 testClass2"
-      data-test-subj="test subject string"
-      enableSelectionBrush={false}
-      height={200}
-      margins={
-        Object {
-          "bottom": 40,
-          "left": 40,
-          "right": 10,
-          "top": 10,
-        }
-      }
-      orientation="vertical"
-      selectionBrushOrientation="horizontal"
-      showCrosshair={true}
-      showDefaultAxis={true}
-      width={600}
-      xPadding={0}
-      xType="linear"
-      yPadding={0}
-      yType="linear"
-    >
-      <div
-        aria-label="aria-label"
-        className="testClass1 testClass2 euiSeriesChartContainer"
-        data-test-subj="test subject string"
-      >
-        <XYPlot
-          animation={true}
-          className=""
-          dontCheckIfEmpty={true}
-          height={200}
-          margin={
-            Object {
-              "bottom": 40,
-              "left": 40,
-              "right": 10,
-              "top": 10,
-            }
-          }
-          style={
-            Object {
-              "height": "100%",
-              "width": "100%",
-            }
-          }
-          width={600}
-          xPadding={0}
-          xType="linear"
-          yPadding={0}
-          yType="linear"
-        >
-          <div
-            className="rv-xy-plot "
-            style={
-              Object {
-                "height": "200px",
-                "width": "600px",
-              }
-            }
-          >
-            <svg
-              className="rv-xy-plot__inner"
-              height={200}
-              onClick={[Function]}
-              onDoubleClick={[Function]}
-              onMouseDown={[Function]}
-              onMouseEnter={[Function]}
-              onMouseLeave={[Function]}
-              onMouseMove={[Function]}
-              onMouseUp={[Function]}
-              onTouchCancel={[Function]}
-              onTouchEnd={[Function]}
-              onTouchMove={[Function]}
-              onTouchStart={[Function]}
-              onWheel={[Function]}
-              style={
-                Object {
-                  "height": "100%",
-                  "width": "100%",
-                }
-              }
-              width={600}
-            >
-              <EuiAreaSeries
-                _adjustBy={Array []}
-                _adjustWhat={Array []}
-                _allData={
-                  Array [
-                    Array [
-                      Object {
-                        "x": 0,
-                        "y": 5,
-                      },
-                      Object {
-                        "x": 1,
-                        "y": 10,
-                      },
-                    ],
-                    undefined,
-                  ]
-                }
-                _colorValue="#00B3A4"
-                _opacityValue={1}
-                _orientation="vertical"
-                angleDomain={Array []}
-                animation={true}
-                clusters={
-                  Set {
-                    undefined,
-                  }
-                }
-                color="#00B3A4"
-                colorDomain={Array []}
-                colorRange={
-                  Array [
-                    "#EF5D28",
-                    "#FF9833",
-                  ]
-                }
-                curve="linear"
-                data={
-                  Array [
-                    Object {
-                      "x": 0,
-                      "y": 5,
-                    },
-                    Object {
-                      "x": 1,
-                      "y": 10,
-                    },
-                  ]
-                }
-                fillDomain={Array []}
-                fillOpacity={1}
-                fillRange={
-                  Array [
-                    "#EF5D28",
-                    "#FF9833",
-                  ]
-                }
-                getAngle={[Function]}
-                getAngle0={[Function]}
-                getColor={[Function]}
-                getColor0={[Function]}
-                getFill={[Function]}
-                getFill0={[Function]}
-                getOpacity={[Function]}
-                getOpacity0={[Function]}
-                getRadius={[Function]}
-                getRadius0={[Function]}
-                getSize={[Function]}
-                getSize0={[Function]}
-                getStroke={[Function]}
-                getStroke0={[Function]}
-                getX={[Function]}
-                getX0={[Function]}
-                getY={[Function]}
-                getY0={[Function]}
-                id="chart-0"
-                innerHeight={150}
-                innerWidth={550}
-                key=".0:$.0"
-                lineSize={1}
-                marginBottom={40}
-                marginLeft={40}
-                marginRight={10}
-                marginTop={10}
-                name="name"
-                onSeriesClick={[MockFunction]}
-                opacityDomain={Array []}
-                opacityType="literal"
-                radiusDomain={Array []}
-                sameTypeIndex={0}
-                sameTypeTotal={1}
-                seriesIndex={0}
-                sizeDomain={Array []}
-                sizeRange={
-                  Array [
-                    1,
-                    10,
-                  ]
-                }
-                strokeDomain={Array []}
-                strokeRange={
-                  Array [
-                    "#EF5D28",
-                    "#FF9833",
-                  ]
-                }
-                xDomain={
-                  Array [
-                    0,
-                    1,
-                  ]
-                }
-                xPadding={0}
-                xRange={
-                  Array [
-                    0,
-                    550,
-                  ]
-                }
-                xType="linear"
-                yDomain={
-                  Array [
-                    5,
-                    10,
-                  ]
-                }
-                yPadding={0}
-                yRange={
-                  Array [
-                    150,
-                    0,
-                  ]
-                }
-                yType="linear"
-              >
-                <LineSeries
-                  _adjustBy={Array []}
-                  _adjustWhat={Array []}
-                  _allData={
-                    Array [
-                      Array [
-                        Object {
-                          "x": 0,
-                          "y": 5,
-                        },
-                        Object {
-                          "x": 1,
-                          "y": 10,
-                        },
-                      ],
-                      undefined,
-                    ]
-                  }
-                  _colorValue="#00B3A4"
-                  _opacityValue={1}
-                  _orientation="vertical"
-                  angleDomain={Array []}
-                  animation={true}
-                  className=""
-                  clusters={
-                    Set {
-                      undefined,
-                    }
-                  }
-                  color="#00B3A4"
-                  colorDomain={Array []}
-                  colorRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  curve="linear"
-                  data={
-                    Array [
-                      Object {
-                        "x": 0,
-                        "y": 5,
-                      },
-                      Object {
-                        "x": 1,
-                        "y": 10,
-                      },
-                    ]
-                  }
-                  fillDomain={Array []}
-                  fillRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  getAngle={[Function]}
-                  getAngle0={[Function]}
-                  getColor={[Function]}
-                  getColor0={[Function]}
-                  getFill={[Function]}
-                  getFill0={[Function]}
-                  getNull={[Function]}
-                  getOpacity={[Function]}
-                  getOpacity0={[Function]}
-                  getRadius={[Function]}
-                  getRadius0={[Function]}
-                  getSize={[Function]}
-                  getSize0={[Function]}
-                  getStroke={[Function]}
-                  getStroke0={[Function]}
-                  getX={[Function]}
-                  getX0={[Function]}
-                  getY={[Function]}
-                  getY0={[Function]}
-                  id="chart-0"
-                  innerHeight={150}
-                  innerWidth={550}
-                  key="name-line"
-                  marginBottom={40}
-                  marginLeft={40}
-                  marginRight={10}
-                  marginTop={10}
-                  onSeriesClick={[MockFunction]}
-                  opacity={1}
-                  opacityDomain={Array []}
-                  opacityType="literal"
-                  radiusDomain={Array []}
-                  sameTypeIndex={0}
-                  sameTypeTotal={1}
-                  seriesIndex={0}
-                  sizeDomain={Array []}
-                  sizeRange={
-                    Array [
-                      1,
-                      10,
-                    ]
-                  }
-                  stack={false}
-                  strokeDomain={Array []}
-                  strokeRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  strokeStyle="solid"
-                  style={
-                    Object {
-                      "pointerEvents": "visiblestroke",
-                      "strokeWidth": 1,
-                    }
-                  }
-                  xDomain={
-                    Array [
-                      0,
-                      1,
-                    ]
-                  }
-                  xPadding={0}
-                  xRange={
-                    Array [
-                      0,
-                      550,
-                    ]
-                  }
-                  xType="linear"
-                  yDomain={
-                    Array [
-                      5,
-                      10,
-                    ]
-                  }
-                  yPadding={0}
-                  yRange={
-                    Array [
-                      150,
-                      0,
-                    ]
-                  }
-                  yType="linear"
-                >
-                  <Animation
-                    _adjustBy={Array []}
-                    _adjustWhat={Array []}
-                    _allData={
-                      Array [
-                        Array [
-                          Object {
-                            "x": 0,
-                            "y": 5,
-                          },
-                          Object {
-                            "x": 1,
-                            "y": 10,
-                          },
-                        ],
-                        undefined,
-                      ]
-                    }
-                    _colorValue="#00B3A4"
-                    _opacityValue={1}
-                    _orientation="vertical"
-                    angleDomain={Array []}
-                    animatedProps={
-                      Array [
-                        "xRange",
-                        "xDomain",
-                        "x",
-                        "yRange",
-                        "yDomain",
-                        "y",
-                        "colorRange",
-                        "colorDomain",
-                        "color",
-                        "opacityRange",
-                        "opacityDomain",
-                        "opacity",
-                        "strokeRange",
-                        "strokeDomain",
-                        "stroke",
-                        "fillRange",
-                        "fillDomain",
-                        "fill",
-                        "width",
-                        "height",
-                        "marginLeft",
-                        "marginTop",
-                        "marginRight",
-                        "marginBottom",
-                        "data",
-                        "angleDomain",
-                        "angleRange",
-                        "angle",
-                        "radiusDomain",
-                        "radiusRange",
-                        "radius",
-                        "innerRadiusDomain",
-                        "innerRadiusRange",
-                        "innerRadius",
-                      ]
-                    }
-                    animation={true}
-                    className=""
-                    clusters={
-                      Set {
-                        undefined,
-                      }
-                    }
-                    color="#00B3A4"
-                    colorDomain={Array []}
-                    colorRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    curve="linear"
-                    data={
-                      Array [
-                        Object {
-                          "x": 0,
-                          "y": 5,
-                        },
-                        Object {
-                          "x": 1,
-                          "y": 10,
-                        },
-                      ]
-                    }
-                    fillDomain={Array []}
-                    fillRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    getAngle={[Function]}
-                    getAngle0={[Function]}
-                    getColor={[Function]}
-                    getColor0={[Function]}
-                    getFill={[Function]}
-                    getFill0={[Function]}
-                    getNull={[Function]}
-                    getOpacity={[Function]}
-                    getOpacity0={[Function]}
-                    getRadius={[Function]}
-                    getRadius0={[Function]}
-                    getSize={[Function]}
-                    getSize0={[Function]}
-                    getStroke={[Function]}
-                    getStroke0={[Function]}
-                    getX={[Function]}
-                    getX0={[Function]}
-                    getY={[Function]}
-                    getY0={[Function]}
-                    id="chart-0"
-                    innerHeight={150}
-                    innerWidth={550}
-                    marginBottom={40}
-                    marginLeft={40}
-                    marginRight={10}
-                    marginTop={10}
-                    onSeriesClick={[MockFunction]}
-                    opacity={1}
-                    opacityDomain={Array []}
-                    opacityType="literal"
-                    radiusDomain={Array []}
-                    sameTypeIndex={0}
-                    sameTypeTotal={1}
-                    seriesIndex={0}
-                    sizeDomain={Array []}
-                    sizeRange={
-                      Array [
-                        1,
-                        10,
-                      ]
-                    }
-                    stack={false}
-                    strokeDomain={Array []}
-                    strokeRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    strokeStyle="solid"
-                    style={
-                      Object {
-                        "pointerEvents": "visiblestroke",
-                        "strokeWidth": 1,
-                      }
-                    }
-                    xDomain={
-                      Array [
-                        0,
-                        1,
-                      ]
-                    }
-                    xPadding={0}
-                    xRange={
-                      Array [
-                        0,
-                        550,
-                      ]
-                    }
-                    xType="linear"
-                    yDomain={
-                      Array [
-                        5,
-                        10,
-                      ]
-                    }
-                    yPadding={0}
-                    yRange={
-                      Array [
-                        150,
-                        0,
-                      ]
-                    }
-                    yType="linear"
-                  >
-                    <Motion
-                      defaultStyle={
-                        Object {
-                          "i": 0,
-                        }
-                      }
-                      key="0.00001"
-                      onRest={[Function]}
-                      style={
-                        Object {
-                          "i": Object {
-                            "damping": 26,
-                            "precision": 0.01,
-                            "stiffness": 170,
-                            "val": 1,
-                          },
-                        }
-                      }
-                    >
-                      <LineSeries
-                        _adjustBy={Array []}
-                        _adjustWhat={Array []}
-                        _allData={
-                          Array [
-                            Array [
-                              Object {
-                                "x": 0,
-                                "y": 5,
-                              },
-                              Object {
-                                "x": 1,
-                                "y": 10,
-                              },
-                            ],
-                            undefined,
-                          ]
-                        }
-                        _animation={0.00002}
-                        _colorValue="#00B3A4"
-                        _opacityValue={1}
-                        _orientation="vertical"
-                        angleDomain={Array []}
-                        animation={null}
-                        className=""
-                        clusters={
-                          Set {
-                            undefined,
-                          }
-                        }
-                        color="#00B3A4"
-                        colorDomain={Array []}
-                        colorRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        curve="linear"
-                        data={
-                          Array [
-                            Object {
-                              "x": 0,
-                              "y": 5,
-                            },
-                            Object {
-                              "x": 1,
-                              "y": 10,
-                            },
-                          ]
-                        }
-                        fillDomain={Array []}
-                        fillRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        getAngle={[Function]}
-                        getAngle0={[Function]}
-                        getColor={[Function]}
-                        getColor0={[Function]}
-                        getFill={[Function]}
-                        getFill0={[Function]}
-                        getNull={[Function]}
-                        getOpacity={[Function]}
-                        getOpacity0={[Function]}
-                        getRadius={[Function]}
-                        getRadius0={[Function]}
-                        getSize={[Function]}
-                        getSize0={[Function]}
-                        getStroke={[Function]}
-                        getStroke0={[Function]}
-                        getX={[Function]}
-                        getX0={[Function]}
-                        getY={[Function]}
-                        getY0={[Function]}
-                        id="chart-0"
-                        innerHeight={150}
-                        innerWidth={550}
-                        marginBottom={40}
-                        marginLeft={40}
-                        marginRight={10}
-                        marginTop={10}
-                        onSeriesClick={[MockFunction]}
-                        opacity={1}
-                        opacityDomain={Array []}
-                        opacityType="literal"
-                        radiusDomain={Array []}
-                        sameTypeIndex={0}
-                        sameTypeTotal={1}
-                        seriesIndex={0}
-                        sizeDomain={Array []}
-                        sizeRange={
-                          Array [
-                            1,
-                            10,
-                          ]
-                        }
-                        stack={false}
-                        strokeDomain={Array []}
-                        strokeRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        strokeStyle="solid"
-                        style={
-                          Object {
-                            "pointerEvents": "visiblestroke",
-                            "strokeWidth": 1,
-                          }
-                        }
-                        xDomain={
-                          Array [
-                            0,
-                            1,
-                          ]
-                        }
-                        xPadding={0}
-                        xRange={
-                          Array [
-                            0,
-                            550,
-                          ]
-                        }
-                        xType="linear"
-                        yDomain={
-                          Array [
-                            5,
-                            10,
-                          ]
-                        }
-                        yPadding={0}
-                        yRange={
-                          Array [
-                            150,
-                            0,
-                          ]
-                        }
-                        yType="linear"
-                      >
-                        <path
-                          className="rv-xy-plot__series rv-xy-plot__series--line "
-                          d="M0,150L550,0"
-                          onClick={[Function]}
-                          onContextMenu={[Function]}
-                          onMouseOut={[Function]}
-                          onMouseOver={[Function]}
-                          style={
-                            Object {
-                              "opacity": 1,
-                              "pointerEvents": "visiblestroke",
-                              "stroke": "#00B3A4",
-                              "strokeDasharray": undefined,
-                              "strokeWidth": 1,
-                            }
-                          }
-                          transform="translate(40,10)"
-                        />
-                      </LineSeries>
-                    </Motion>
-                  </Animation>
-                </LineSeries>
-                <AreaSeries
-                  _adjustBy={Array []}
-                  _adjustWhat={Array []}
-                  _allData={
-                    Array [
-                      Array [
-                        Object {
-                          "x": 0,
-                          "y": 5,
-                        },
-                        Object {
-                          "x": 1,
-                          "y": 10,
-                        },
-                      ],
-                      undefined,
-                    ]
-                  }
-                  _colorValue="#00B3A4"
-                  _opacityValue={1}
-                  _orientation="vertical"
-                  angleDomain={Array []}
-                  animation={true}
-                  className="euiAreaSeries"
-                  clusters={
-                    Set {
-                      undefined,
-                    }
-                  }
-                  color="#00B3A4"
-                  colorDomain={Array []}
-                  colorRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  curve="linear"
-                  data={
-                    Array [
-                      Object {
-                        "x": 0,
-                        "y": 5,
-                      },
-                      Object {
-                        "x": 1,
-                        "y": 10,
-                      },
-                    ]
-                  }
-                  fillDomain={Array []}
-                  fillRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  getAngle={[Function]}
-                  getAngle0={[Function]}
-                  getColor={[Function]}
-                  getColor0={[Function]}
-                  getFill={[Function]}
-                  getFill0={[Function]}
-                  getNull={[Function]}
-                  getOpacity={[Function]}
-                  getOpacity0={[Function]}
-                  getRadius={[Function]}
-                  getRadius0={[Function]}
-                  getSize={[Function]}
-                  getSize0={[Function]}
-                  getStroke={[Function]}
-                  getStroke0={[Function]}
-                  getX={[Function]}
-                  getX0={[Function]}
-                  getY={[Function]}
-                  getY0={[Function]}
-                  id="chart-0"
-                  innerHeight={150}
-                  innerWidth={550}
-                  key="name-area"
-                  marginBottom={40}
-                  marginLeft={40}
-                  marginRight={10}
-                  marginTop={10}
-                  onSeriesClick={[MockFunction]}
-                  onSeriesMouseOut={[Function]}
-                  onSeriesMouseOver={[Function]}
-                  opacityDomain={Array []}
-                  opacityType="literal"
-                  radiusDomain={Array []}
-                  sameTypeIndex={0}
-                  sameTypeTotal={1}
-                  seriesIndex={0}
-                  sizeDomain={Array []}
-                  sizeRange={
-                    Array [
-                      1,
-                      10,
-                    ]
-                  }
-                  stack={false}
-                  strokeDomain={Array []}
-                  strokeRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  style={
-                    Object {
-                      "cursor": "default",
-                      "opacity": 1,
-                    }
-                  }
-                  xDomain={
-                    Array [
-                      0,
-                      1,
-                    ]
-                  }
-                  xPadding={0}
-                  xRange={
-                    Array [
-                      0,
-                      550,
-                    ]
-                  }
-                  xType="linear"
-                  yDomain={
-                    Array [
-                      5,
-                      10,
-                    ]
-                  }
-                  yPadding={0}
-                  yRange={
-                    Array [
-                      150,
-                      0,
-                    ]
-                  }
-                  yType="linear"
-                >
-                  <Animation
-                    _adjustBy={Array []}
-                    _adjustWhat={Array []}
-                    _allData={
-                      Array [
-                        Array [
-                          Object {
-                            "x": 0,
-                            "y": 5,
-                          },
-                          Object {
-                            "x": 1,
-                            "y": 10,
-                          },
-                        ],
-                        undefined,
-                      ]
-                    }
-                    _colorValue="#00B3A4"
-                    _opacityValue={1}
-                    _orientation="vertical"
-                    angleDomain={Array []}
-                    animatedProps={
-                      Array [
-                        "xRange",
-                        "xDomain",
-                        "x",
-                        "yRange",
-                        "yDomain",
-                        "y",
-                        "colorRange",
-                        "colorDomain",
-                        "color",
-                        "opacityRange",
-                        "opacityDomain",
-                        "opacity",
-                        "strokeRange",
-                        "strokeDomain",
-                        "stroke",
-                        "fillRange",
-                        "fillDomain",
-                        "fill",
-                        "width",
-                        "height",
-                        "marginLeft",
-                        "marginTop",
-                        "marginRight",
-                        "marginBottom",
-                        "data",
-                        "angleDomain",
-                        "angleRange",
-                        "angle",
-                        "radiusDomain",
-                        "radiusRange",
-                        "radius",
-                        "innerRadiusDomain",
-                        "innerRadiusRange",
-                        "innerRadius",
-                      ]
-                    }
-                    animation={true}
-                    className="euiAreaSeries"
-                    clusters={
-                      Set {
-                        undefined,
-                      }
-                    }
-                    color="#00B3A4"
-                    colorDomain={Array []}
-                    colorRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    curve="linear"
-                    data={
-                      Array [
-                        Object {
-                          "x": 0,
-                          "y": 5,
-                        },
-                        Object {
-                          "x": 1,
-                          "y": 10,
-                        },
-                      ]
-                    }
-                    fillDomain={Array []}
-                    fillRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    getAngle={[Function]}
-                    getAngle0={[Function]}
-                    getColor={[Function]}
-                    getColor0={[Function]}
-                    getFill={[Function]}
-                    getFill0={[Function]}
-                    getNull={[Function]}
-                    getOpacity={[Function]}
-                    getOpacity0={[Function]}
-                    getRadius={[Function]}
-                    getRadius0={[Function]}
-                    getSize={[Function]}
-                    getSize0={[Function]}
-                    getStroke={[Function]}
-                    getStroke0={[Function]}
-                    getX={[Function]}
-                    getX0={[Function]}
-                    getY={[Function]}
-                    getY0={[Function]}
-                    id="chart-0"
-                    innerHeight={150}
-                    innerWidth={550}
-                    marginBottom={40}
-                    marginLeft={40}
-                    marginRight={10}
-                    marginTop={10}
-                    onSeriesClick={[MockFunction]}
-                    onSeriesMouseOut={[Function]}
-                    onSeriesMouseOver={[Function]}
-                    opacityDomain={Array []}
-                    opacityType="literal"
-                    radiusDomain={Array []}
-                    sameTypeIndex={0}
-                    sameTypeTotal={1}
-                    seriesIndex={0}
-                    sizeDomain={Array []}
-                    sizeRange={
-                      Array [
-                        1,
-                        10,
-                      ]
-                    }
-                    stack={false}
-                    strokeDomain={Array []}
-                    strokeRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    style={
-                      Object {
-                        "cursor": "default",
-                        "opacity": 1,
-                      }
-                    }
-                    xDomain={
-                      Array [
-                        0,
-                        1,
-                      ]
-                    }
-                    xPadding={0}
-                    xRange={
-                      Array [
-                        0,
-                        550,
-                      ]
-                    }
-                    xType="linear"
-                    yDomain={
-                      Array [
-                        5,
-                        10,
-                      ]
-                    }
-                    yPadding={0}
-                    yRange={
-                      Array [
-                        150,
-                        0,
-                      ]
-                    }
-                    yType="linear"
-                  >
-                    <Motion
-                      defaultStyle={
-                        Object {
-                          "i": 0,
-                        }
-                      }
-                      key="0.000030000000000000004"
-                      onRest={[Function]}
-                      style={
-                        Object {
-                          "i": Object {
-                            "damping": 26,
-                            "precision": 0.01,
-                            "stiffness": 170,
-                            "val": 1,
-                          },
-                        }
-                      }
-                    >
-                      <AreaSeries
-                        _adjustBy={Array []}
-                        _adjustWhat={Array []}
-                        _allData={
-                          Array [
-                            Array [
-                              Object {
-                                "x": 0,
-                                "y": 5,
-                              },
-                              Object {
-                                "x": 1,
-                                "y": 10,
-                              },
-                            ],
-                            undefined,
-                          ]
-                        }
-                        _animation={0.00004}
-                        _colorValue="#00B3A4"
-                        _opacityValue={1}
-                        _orientation="vertical"
-                        angleDomain={Array []}
-                        animation={null}
-                        className="euiAreaSeries"
-                        clusters={
-                          Set {
-                            undefined,
-                          }
-                        }
-                        color="#00B3A4"
-                        colorDomain={Array []}
-                        colorRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        curve="linear"
-                        data={
-                          Array [
-                            Object {
-                              "x": 0,
-                              "y": 5,
-                            },
-                            Object {
-                              "x": 1,
-                              "y": 10,
-                            },
-                          ]
-                        }
-                        fillDomain={Array []}
-                        fillRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        getAngle={[Function]}
-                        getAngle0={[Function]}
-                        getColor={[Function]}
-                        getColor0={[Function]}
-                        getFill={[Function]}
-                        getFill0={[Function]}
-                        getNull={[Function]}
-                        getOpacity={[Function]}
-                        getOpacity0={[Function]}
-                        getRadius={[Function]}
-                        getRadius0={[Function]}
-                        getSize={[Function]}
-                        getSize0={[Function]}
-                        getStroke={[Function]}
-                        getStroke0={[Function]}
-                        getX={[Function]}
-                        getX0={[Function]}
-                        getY={[Function]}
-                        getY0={[Function]}
-                        id="chart-0"
-                        innerHeight={150}
-                        innerWidth={550}
-                        marginBottom={40}
-                        marginLeft={40}
-                        marginRight={10}
-                        marginTop={10}
-                        onSeriesClick={[MockFunction]}
-                        onSeriesMouseOut={[Function]}
-                        onSeriesMouseOver={[Function]}
-                        opacityDomain={Array []}
-                        opacityType="literal"
-                        radiusDomain={Array []}
-                        sameTypeIndex={0}
-                        sameTypeTotal={1}
-                        seriesIndex={0}
-                        sizeDomain={Array []}
-                        sizeRange={
-                          Array [
-                            1,
-                            10,
-                          ]
-                        }
-                        stack={false}
-                        strokeDomain={Array []}
-                        strokeRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        style={
-                          Object {
-                            "cursor": "default",
-                            "opacity": 1,
-                          }
-                        }
-                        xDomain={
-                          Array [
-                            0,
-                            1,
-                          ]
-                        }
-                        xPadding={0}
-                        xRange={
-                          Array [
-                            0,
-                            550,
-                          ]
-                        }
-                        xType="linear"
-                        yDomain={
-                          Array [
-                            5,
-                            10,
-                          ]
-                        }
-                        yPadding={0}
-                        yRange={
-                          Array [
-                            150,
-                            0,
-                          ]
-                        }
-                        yType="linear"
-                      >
-                        <path
-                          className="rv-xy-plot__series rv-xy-plot__series--line euiAreaSeries"
-                          d="M0,150L550,0L550,150L0,150Z"
-                          onClick={[Function]}
-                          onContextMenu={[Function]}
-                          onMouseOut={[Function]}
-                          onMouseOver={[Function]}
-                          style={
-                            Object {
-                              "cursor": "default",
-                              "fill": "#00B3A4",
-                              "opacity": 1,
-                              "stroke": "#00B3A4",
-                            }
-                          }
-                          transform="translate(40,10)"
-                        />
-                      </AreaSeries>
-                    </Motion>
-                  </Animation>
-                </AreaSeries>
-              </EuiAreaSeries>
-              <EuiDefaultAxis
-                _adjustBy={Array []}
-                _adjustWhat={Array []}
-                _allData={
-                  Array [
-                    Array [
-                      Object {
-                        "x": 0,
-                        "y": 5,
-                      },
-                      Object {
-                        "x": 1,
-                        "y": 10,
-                      },
-                    ],
-                    undefined,
-                  ]
-                }
-                angleDomain={Array []}
-                animation={true}
-                colorDomain={Array []}
-                colorRange={
-                  Array [
-                    "#EF5D28",
-                    "#FF9833",
-                  ]
-                }
-                fillDomain={Array []}
-                fillRange={
-                  Array [
-                    "#EF5D28",
-                    "#FF9833",
-                  ]
-                }
-                getAngle={[Function]}
-                getAngle0={[Function]}
-                getColor={[Function]}
-                getColor0={[Function]}
-                getFill={[Function]}
-                getFill0={[Function]}
-                getOpacity={[Function]}
-                getOpacity0={[Function]}
-                getRadius={[Function]}
-                getRadius0={[Function]}
-                getSize={[Function]}
-                getSize0={[Function]}
-                getStroke={[Function]}
-                getStroke0={[Function]}
-                getX={[Function]}
-                getX0={[Function]}
-                getY={[Function]}
-                getY0={[Function]}
-                innerHeight={150}
-                innerWidth={550}
-                key=".1"
-                marginBottom={40}
-                marginLeft={40}
-                marginRight={10}
-                marginTop={10}
-                opacityDomain={Array []}
-                opacityType="literal"
-                orientation="vertical"
-                radiusDomain={Array []}
-                showGridLines={true}
-                sizeDomain={Array []}
-                sizeRange={
-                  Array [
-                    1,
-                    10,
-                  ]
-                }
-                strokeDomain={Array []}
-                strokeRange={
-                  Array [
-                    "#EF5D28",
-                    "#FF9833",
-                  ]
-                }
-                xDomain={
-                  Array [
-                    0,
-                    1,
-                  ]
-                }
-                xOnZero={false}
-                xPadding={0}
-                xRange={
-                  Array [
-                    0,
-                    550,
-                  ]
-                }
-                xType="linear"
-                yDomain={
-                  Array [
-                    5,
-                    10,
-                  ]
-                }
-                yOnZero={false}
-                yPadding={0}
-                yRange={
-                  Array [
-                    150,
-                    0,
-                  ]
-                }
-                yType="linear"
-              >
-                <EuiHorizontalGrid
-                  _adjustBy={Array []}
-                  _adjustWhat={Array []}
-                  _allData={
-                    Array [
-                      Array [
-                        Object {
-                          "x": 0,
-                          "y": 5,
-                        },
-                        Object {
-                          "x": 1,
-                          "y": 10,
-                        },
-                      ],
-                      undefined,
-                    ]
-                  }
-                  angleDomain={Array []}
-                  animation={true}
-                  colorDomain={Array []}
-                  colorRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  fillDomain={Array []}
-                  fillRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  getAngle={[Function]}
-                  getAngle0={[Function]}
-                  getColor={[Function]}
-                  getColor0={[Function]}
-                  getFill={[Function]}
-                  getFill0={[Function]}
-                  getOpacity={[Function]}
-                  getOpacity0={[Function]}
-                  getRadius={[Function]}
-                  getRadius0={[Function]}
-                  getSize={[Function]}
-                  getSize0={[Function]}
-                  getStroke={[Function]}
-                  getStroke0={[Function]}
-                  getX={[Function]}
-                  getX0={[Function]}
-                  getY={[Function]}
-                  getY0={[Function]}
-                  innerHeight={150}
-                  innerWidth={550}
-                  marginBottom={40}
-                  marginLeft={40}
-                  marginRight={10}
-                  marginTop={10}
-                  opacityDomain={Array []}
-                  opacityType="literal"
-                  radiusDomain={Array []}
-                  sizeDomain={Array []}
-                  sizeRange={
-                    Array [
-                      1,
-                      10,
-                    ]
-                  }
-                  strokeDomain={Array []}
-                  strokeRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  xDomain={
-                    Array [
-                      0,
-                      1,
-                    ]
-                  }
-                  xPadding={0}
-                  xRange={
-                    Array [
-                      0,
-                      550,
-                    ]
-                  }
-                  xType="linear"
-                  yDomain={
-                    Array [
-                      5,
-                      10,
-                    ]
-                  }
-                  yPadding={0}
-                  yRange={
-                    Array [
-                      150,
-                      0,
-                    ]
-                  }
-                  yType="linear"
-                >
-                  <HorizontalGridLines
-                    _adjustBy={Array []}
-                    _adjustWhat={Array []}
-                    _allData={
-                      Array [
-                        Array [
-                          Object {
-                            "x": 0,
-                            "y": 5,
-                          },
-                          Object {
-                            "x": 1,
-                            "y": 10,
-                          },
-                        ],
-                        undefined,
-                      ]
-                    }
-                    angleDomain={Array []}
-                    animation={true}
-                    attr="y"
-                    colorDomain={Array []}
-                    colorRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    direction="horizontal"
-                    fillDomain={Array []}
-                    fillRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    getAngle={[Function]}
-                    getAngle0={[Function]}
-                    getColor={[Function]}
-                    getColor0={[Function]}
-                    getFill={[Function]}
-                    getFill0={[Function]}
-                    getOpacity={[Function]}
-                    getOpacity0={[Function]}
-                    getRadius={[Function]}
-                    getRadius0={[Function]}
-                    getSize={[Function]}
-                    getSize0={[Function]}
-                    getStroke={[Function]}
-                    getStroke0={[Function]}
-                    getX={[Function]}
-                    getX0={[Function]}
-                    getY={[Function]}
-                    getY0={[Function]}
-                    innerHeight={150}
-                    innerWidth={550}
-                    marginBottom={40}
-                    marginLeft={40}
-                    marginRight={10}
-                    marginTop={10}
-                    opacityDomain={Array []}
-                    opacityType="literal"
-                    radiusDomain={Array []}
-                    sizeDomain={Array []}
-                    sizeRange={
-                      Array [
-                        1,
-                        10,
-                      ]
-                    }
-                    strokeDomain={Array []}
-                    strokeRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    xDomain={
-                      Array [
-                        0,
-                        1,
-                      ]
-                    }
-                    xPadding={0}
-                    xRange={
-                      Array [
-                        0,
-                        550,
-                      ]
-                    }
-                    xType="linear"
-                    yDomain={
-                      Array [
-                        5,
-                        10,
-                      ]
-                    }
-                    yPadding={0}
-                    yRange={
-                      Array [
-                        150,
-                        0,
-                      ]
-                    }
-                    yType="linear"
-                  >
-                    <GridLines
-                      _adjustBy={Array []}
-                      _adjustWhat={Array []}
-                      _allData={
-                        Array [
-                          Array [
-                            Object {
-                              "x": 0,
-                              "y": 5,
-                            },
-                            Object {
-                              "x": 1,
-                              "y": 10,
-                            },
-                          ],
-                          undefined,
-                        ]
-                      }
-                      angleDomain={Array []}
-                      animation={true}
-                      attr="y"
-                      colorDomain={Array []}
-                      colorRange={
-                        Array [
-                          "#EF5D28",
-                          "#FF9833",
-                        ]
-                      }
-                      direction="horizontal"
-                      fillDomain={Array []}
-                      fillRange={
-                        Array [
-                          "#EF5D28",
-                          "#FF9833",
-                        ]
-                      }
-                      getAngle={[Function]}
-                      getAngle0={[Function]}
-                      getColor={[Function]}
-                      getColor0={[Function]}
-                      getFill={[Function]}
-                      getFill0={[Function]}
-                      getOpacity={[Function]}
-                      getOpacity0={[Function]}
-                      getRadius={[Function]}
-                      getRadius0={[Function]}
-                      getSize={[Function]}
-                      getSize0={[Function]}
-                      getStroke={[Function]}
-                      getStroke0={[Function]}
-                      getX={[Function]}
-                      getX0={[Function]}
-                      getY={[Function]}
-                      getY0={[Function]}
-                      innerHeight={150}
-                      innerWidth={550}
-                      marginBottom={40}
-                      marginLeft={40}
-                      marginRight={10}
-                      marginTop={10}
-                      opacityDomain={Array []}
-                      opacityType="literal"
-                      radiusDomain={Array []}
-                      sizeDomain={Array []}
-                      sizeRange={
-                        Array [
-                          1,
-                          10,
-                        ]
-                      }
-                      strokeDomain={Array []}
-                      strokeRange={
-                        Array [
-                          "#EF5D28",
-                          "#FF9833",
-                        ]
-                      }
-                      xDomain={
-                        Array [
-                          0,
-                          1,
-                        ]
-                      }
-                      xPadding={0}
-                      xRange={
-                        Array [
-                          0,
-                          550,
-                        ]
-                      }
-                      xType="linear"
-                      yDomain={
-                        Array [
-                          5,
-                          10,
-                        ]
-                      }
-                      yPadding={0}
-                      yRange={
-                        Array [
-                          150,
-                          0,
-                        ]
-                      }
-                      yType="linear"
-                    >
-                      <Animation
-                        _adjustBy={Array []}
-                        _adjustWhat={Array []}
-                        _allData={
-                          Array [
-                            Array [
-                              Object {
-                                "x": 0,
-                                "y": 5,
-                              },
-                              Object {
-                                "x": 1,
-                                "y": 10,
-                              },
-                            ],
-                            undefined,
-                          ]
-                        }
-                        angleDomain={Array []}
-                        animatedProps={
-                          Array [
-                            "xRange",
-                            "yRange",
-                            "xDomain",
-                            "yDomain",
-                            "width",
-                            "height",
-                            "marginLeft",
-                            "marginTop",
-                            "marginRight",
-                            "marginBottom",
-                            "tickTotal",
-                          ]
-                        }
-                        animation={true}
-                        attr="y"
-                        colorDomain={Array []}
-                        colorRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        direction="horizontal"
-                        fillDomain={Array []}
-                        fillRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        getAngle={[Function]}
-                        getAngle0={[Function]}
-                        getColor={[Function]}
-                        getColor0={[Function]}
-                        getFill={[Function]}
-                        getFill0={[Function]}
-                        getOpacity={[Function]}
-                        getOpacity0={[Function]}
-                        getRadius={[Function]}
-                        getRadius0={[Function]}
-                        getSize={[Function]}
-                        getSize0={[Function]}
-                        getStroke={[Function]}
-                        getStroke0={[Function]}
-                        getX={[Function]}
-                        getX0={[Function]}
-                        getY={[Function]}
-                        getY0={[Function]}
-                        innerHeight={150}
-                        innerWidth={550}
-                        marginBottom={40}
-                        marginLeft={40}
-                        marginRight={10}
-                        marginTop={10}
-                        opacityDomain={Array []}
-                        opacityType="literal"
-                        radiusDomain={Array []}
-                        sizeDomain={Array []}
-                        sizeRange={
-                          Array [
-                            1,
-                            10,
-                          ]
-                        }
-                        strokeDomain={Array []}
-                        strokeRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        xDomain={
-                          Array [
-                            0,
-                            1,
-                          ]
-                        }
-                        xPadding={0}
-                        xRange={
-                          Array [
-                            0,
-                            550,
-                          ]
-                        }
-                        xType="linear"
-                        yDomain={
-                          Array [
-                            5,
-                            10,
-                          ]
-                        }
-                        yPadding={0}
-                        yRange={
-                          Array [
-                            150,
-                            0,
-                          ]
-                        }
-                        yType="linear"
-                      >
-                        <Motion
-                          defaultStyle={
-                            Object {
-                              "i": 0,
-                            }
-                          }
-                          key="0.00005"
-                          onRest={[Function]}
-                          style={
-                            Object {
-                              "i": Object {
-                                "damping": 26,
-                                "precision": 0.01,
-                                "stiffness": 170,
-                                "val": 1,
-                              },
-                            }
-                          }
-                        >
-                          <GridLines
-                            _adjustBy={Array []}
-                            _adjustWhat={Array []}
-                            _allData={
-                              Array [
-                                Array [
-                                  Object {
-                                    "x": 0,
-                                    "y": 5,
-                                  },
-                                  Object {
-                                    "x": 1,
-                                    "y": 10,
-                                  },
-                                ],
-                                undefined,
-                              ]
-                            }
-                            _animation={0.00006}
-                            angleDomain={Array []}
-                            animation={null}
-                            attr="y"
-                            colorDomain={Array []}
-                            colorRange={
-                              Array [
-                                "#EF5D28",
-                                "#FF9833",
-                              ]
-                            }
-                            data={null}
-                            direction="horizontal"
-                            fillDomain={Array []}
-                            fillRange={
-                              Array [
-                                "#EF5D28",
-                                "#FF9833",
-                              ]
-                            }
-                            getAngle={[Function]}
-                            getAngle0={[Function]}
-                            getColor={[Function]}
-                            getColor0={[Function]}
-                            getFill={[Function]}
-                            getFill0={[Function]}
-                            getOpacity={[Function]}
-                            getOpacity0={[Function]}
-                            getRadius={[Function]}
-                            getRadius0={[Function]}
-                            getSize={[Function]}
-                            getSize0={[Function]}
-                            getStroke={[Function]}
-                            getStroke0={[Function]}
-                            getX={[Function]}
-                            getX0={[Function]}
-                            getY={[Function]}
-                            getY0={[Function]}
-                            innerHeight={150}
-                            innerWidth={550}
-                            marginBottom={40}
-                            marginLeft={40}
-                            marginRight={10}
-                            marginTop={10}
-                            opacityDomain={Array []}
-                            opacityType="literal"
-                            radiusDomain={Array []}
-                            sizeDomain={Array []}
-                            sizeRange={
-                              Array [
-                                1,
-                                10,
-                              ]
-                            }
-                            strokeDomain={Array []}
-                            strokeRange={
-                              Array [
-                                "#EF5D28",
-                                "#FF9833",
-                              ]
-                            }
-                            xDomain={
-                              Array [
-                                0,
-                                1,
-                              ]
-                            }
-                            xPadding={0}
-                            xRange={
-                              Array [
-                                0,
-                                550,
-                              ]
-                            }
-                            xType="linear"
-                            yDomain={
-                              Array [
-                                5,
-                                10,
-                              ]
-                            }
-                            yPadding={0}
-                            yRange={
-                              Array [
-                                150,
-                                0,
-                              ]
-                            }
-                            yType="linear"
-                          >
-                            <g
-                              className="rv-xy-plot__grid-lines"
-                              transform="translate(40,10)"
-                            >
-                              <line
-                                className="rv-xy-plot__grid-lines__line"
-                                key="0"
-                                x1={0}
-                                x2={550}
-                                y1={150}
-                                y2={150}
-                              />
-                              <line
-                                className="rv-xy-plot__grid-lines__line"
-                                key="1"
-                                x1={0}
-                                x2={550}
-                                y1={120}
-                                y2={120}
-                              />
-                              <line
-                                className="rv-xy-plot__grid-lines__line"
-                                key="2"
-                                x1={0}
-                                x2={550}
-                                y1={90}
-                                y2={90}
-                              />
-                              <line
-                                className="rv-xy-plot__grid-lines__line"
-                                key="3"
-                                x1={0}
-                                x2={550}
-                                y1={60}
-                                y2={60}
-                              />
-                              <line
-                                className="rv-xy-plot__grid-lines__line"
-                                key="4"
-                                x1={0}
-                                x2={550}
-                                y1={30}
-                                y2={30}
-                              />
-                              <line
-                                className="rv-xy-plot__grid-lines__line"
-                                key="5"
-                                x1={0}
-                                x2={550}
-                                y1={0}
-                                y2={0}
-                              />
-                            </g>
-                          </GridLines>
-                        </Motion>
-                      </Animation>
-                    </GridLines>
-                  </HorizontalGridLines>
-                </EuiHorizontalGrid>
-                <EuiXAxis
-                  _adjustBy={Array []}
-                  _adjustWhat={Array []}
-                  _allData={
-                    Array [
-                      Array [
-                        Object {
-                          "x": 0,
-                          "y": 5,
-                        },
-                        Object {
-                          "x": 1,
-                          "y": 10,
-                        },
-                      ],
-                      undefined,
-                    ]
-                  }
-                  angleDomain={Array []}
-                  animation={true}
-                  colorDomain={Array []}
-                  colorRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  fillDomain={Array []}
-                  fillRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  getAngle={[Function]}
-                  getAngle0={[Function]}
-                  getColor={[Function]}
-                  getColor0={[Function]}
-                  getFill={[Function]}
-                  getFill0={[Function]}
-                  getOpacity={[Function]}
-                  getOpacity0={[Function]}
-                  getRadius={[Function]}
-                  getRadius0={[Function]}
-                  getSize={[Function]}
-                  getSize0={[Function]}
-                  getStroke={[Function]}
-                  getStroke0={[Function]}
-                  getX={[Function]}
-                  getX0={[Function]}
-                  getY={[Function]}
-                  getY0={[Function]}
-                  innerHeight={150}
-                  innerWidth={550}
-                  marginBottom={40}
-                  marginLeft={40}
-                  marginRight={10}
-                  marginTop={10}
-                  onZero={false}
-                  opacityDomain={Array []}
-                  opacityType="literal"
-                  orientation="bottom"
-                  radiusDomain={Array []}
-                  sizeDomain={Array []}
-                  sizeRange={
-                    Array [
-                      1,
-                      10,
-                    ]
-                  }
-                  strokeDomain={Array []}
-                  strokeRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  tickSize={0}
-                  titlePosition="middle"
-                  xDomain={
-                    Array [
-                      0,
-                      1,
-                    ]
-                  }
-                  xPadding={0}
-                  xRange={
-                    Array [
-                      0,
-                      550,
-                    ]
-                  }
-                  xType="linear"
-                  yDomain={
-                    Array [
-                      5,
-                      10,
-                    ]
-                  }
-                  yPadding={0}
-                  yRange={
-                    Array [
-                      150,
-                      0,
-                    ]
-                  }
-                  yType="linear"
-                >
-                  <XAxis
-                    _adjustBy={Array []}
-                    _adjustWhat={Array []}
-                    _allData={
-                      Array [
-                        Array [
-                          Object {
-                            "x": 0,
-                            "y": 5,
-                          },
-                          Object {
-                            "x": 1,
-                            "y": 10,
-                          },
-                        ],
-                        undefined,
-                      ]
-                    }
-                    angleDomain={Array []}
-                    animation={true}
-                    attr="x"
-                    attrAxis="y"
-                    colorDomain={Array []}
-                    colorRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    fillDomain={Array []}
-                    fillRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    getAngle={[Function]}
-                    getAngle0={[Function]}
-                    getColor={[Function]}
-                    getColor0={[Function]}
-                    getFill={[Function]}
-                    getFill0={[Function]}
-                    getOpacity={[Function]}
-                    getOpacity0={[Function]}
-                    getRadius={[Function]}
-                    getRadius0={[Function]}
-                    getSize={[Function]}
-                    getSize0={[Function]}
-                    getStroke={[Function]}
-                    getStroke0={[Function]}
-                    getX={[Function]}
-                    getX0={[Function]}
-                    getY={[Function]}
-                    getY0={[Function]}
-                    innerHeight={150}
-                    innerWidth={550}
-                    marginBottom={40}
-                    marginLeft={40}
-                    marginRight={10}
-                    marginTop={10}
-                    on0={false}
-                    opacityDomain={Array []}
-                    opacityType="literal"
-                    orientation="bottom"
-                    position="middle"
-                    radiusDomain={Array []}
-                    sizeDomain={Array []}
-                    sizeRange={
-                      Array [
-                        1,
-                        10,
-                      ]
-                    }
-                    strokeDomain={Array []}
-                    strokeRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    tickSize={0}
-                    xDomain={
-                      Array [
-                        0,
-                        1,
-                      ]
-                    }
-                    xPadding={0}
-                    xRange={
-                      Array [
-                        0,
-                        550,
-                      ]
-                    }
-                    xType="linear"
-                    yDomain={
-                      Array [
-                        5,
-                        10,
-                      ]
-                    }
-                    yPadding={0}
-                    yRange={
-                      Array [
-                        150,
-                        0,
-                      ]
-                    }
-                    yType="linear"
-                  >
-                    <Axis
-                      _adjustBy={Array []}
-                      _adjustWhat={Array []}
-                      _allData={
-                        Array [
-                          Array [
-                            Object {
-                              "x": 0,
-                              "y": 5,
-                            },
-                            Object {
-                              "x": 1,
-                              "y": 10,
-                            },
-                          ],
-                          undefined,
-                        ]
-                      }
-                      angleDomain={Array []}
-                      animation={true}
-                      attr="x"
-                      attrAxis="y"
-                      className=""
-                      colorDomain={Array []}
-                      colorRange={
-                        Array [
-                          "#EF5D28",
-                          "#FF9833",
-                        ]
-                      }
-                      fillDomain={Array []}
-                      fillRange={
-                        Array [
-                          "#EF5D28",
-                          "#FF9833",
-                        ]
-                      }
-                      getAngle={[Function]}
-                      getAngle0={[Function]}
-                      getColor={[Function]}
-                      getColor0={[Function]}
-                      getFill={[Function]}
-                      getFill0={[Function]}
-                      getOpacity={[Function]}
-                      getOpacity0={[Function]}
-                      getRadius={[Function]}
-                      getRadius0={[Function]}
-                      getSize={[Function]}
-                      getSize0={[Function]}
-                      getStroke={[Function]}
-                      getStroke0={[Function]}
-                      getX={[Function]}
-                      getX0={[Function]}
-                      getY={[Function]}
-                      getY0={[Function]}
-                      innerHeight={150}
-                      innerWidth={550}
-                      marginBottom={40}
-                      marginLeft={40}
-                      marginRight={10}
-                      marginTop={10}
-                      on0={false}
-                      opacityDomain={Array []}
-                      opacityType="literal"
-                      orientation="bottom"
-                      position="middle"
-                      radiusDomain={Array []}
-                      sizeDomain={Array []}
-                      sizeRange={
-                        Array [
-                          1,
-                          10,
-                        ]
-                      }
-                      strokeDomain={Array []}
-                      strokeRange={
-                        Array [
-                          "#EF5D28",
-                          "#FF9833",
-                        ]
-                      }
-                      style={Object {}}
-                      tickPadding={8}
-                      tickSize={0}
-                      xDomain={
-                        Array [
-                          0,
-                          1,
-                        ]
-                      }
-                      xPadding={0}
-                      xRange={
-                        Array [
-                          0,
-                          550,
-                        ]
-                      }
-                      xType="linear"
-                      yDomain={
-                        Array [
-                          5,
-                          10,
-                        ]
-                      }
-                      yPadding={0}
-                      yRange={
-                        Array [
-                          150,
-                          0,
-                        ]
-                      }
-                      yType="linear"
-                    >
-                      <Animation
-                        _adjustBy={Array []}
-                        _adjustWhat={Array []}
-                        _allData={
-                          Array [
-                            Array [
-                              Object {
-                                "x": 0,
-                                "y": 5,
-                              },
-                              Object {
-                                "x": 1,
-                                "y": 10,
-                              },
-                            ],
-                            undefined,
-                          ]
-                        }
-                        angleDomain={Array []}
-                        animatedProps={
-                          Array [
-                            "xRange",
-                            "yRange",
-                            "xDomain",
-                            "yDomain",
-                            "width",
-                            "height",
-                            "marginLeft",
-                            "marginTop",
-                            "marginRight",
-                            "marginBottom",
-                            "tickSize",
-                            "tickTotal",
-                            "tickSizeInner",
-                            "tickSizeOuter",
-                          ]
-                        }
-                        animation={true}
-                        attr="x"
-                        attrAxis="y"
-                        className=""
-                        colorDomain={Array []}
-                        colorRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        fillDomain={Array []}
-                        fillRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        getAngle={[Function]}
-                        getAngle0={[Function]}
-                        getColor={[Function]}
-                        getColor0={[Function]}
-                        getFill={[Function]}
-                        getFill0={[Function]}
-                        getOpacity={[Function]}
-                        getOpacity0={[Function]}
-                        getRadius={[Function]}
-                        getRadius0={[Function]}
-                        getSize={[Function]}
-                        getSize0={[Function]}
-                        getStroke={[Function]}
-                        getStroke0={[Function]}
-                        getX={[Function]}
-                        getX0={[Function]}
-                        getY={[Function]}
-                        getY0={[Function]}
-                        innerHeight={150}
-                        innerWidth={550}
-                        marginBottom={40}
-                        marginLeft={40}
-                        marginRight={10}
-                        marginTop={10}
-                        on0={false}
-                        opacityDomain={Array []}
-                        opacityType="literal"
-                        orientation="bottom"
-                        position="middle"
-                        radiusDomain={Array []}
-                        sizeDomain={Array []}
-                        sizeRange={
-                          Array [
-                            1,
-                            10,
-                          ]
-                        }
-                        strokeDomain={Array []}
-                        strokeRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        style={Object {}}
-                        tickPadding={8}
-                        tickSize={0}
-                        xDomain={
-                          Array [
-                            0,
-                            1,
-                          ]
-                        }
-                        xPadding={0}
-                        xRange={
-                          Array [
-                            0,
-                            550,
-                          ]
-                        }
-                        xType="linear"
-                        yDomain={
-                          Array [
-                            5,
-                            10,
-                          ]
-                        }
-                        yPadding={0}
-                        yRange={
-                          Array [
-                            150,
-                            0,
-                          ]
-                        }
-                        yType="linear"
-                      >
-                        <Motion
-                          defaultStyle={
-                            Object {
-                              "i": 0,
-                            }
-                          }
-                          key="0.00007000000000000001"
-                          onRest={[Function]}
-                          style={
-                            Object {
-                              "i": Object {
-                                "damping": 26,
-                                "precision": 0.01,
-                                "stiffness": 170,
-                                "val": 1,
-                              },
-                            }
-                          }
-                        >
-                          <Axis
-                            _adjustBy={Array []}
-                            _adjustWhat={Array []}
-                            _allData={
-                              Array [
-                                Array [
-                                  Object {
-                                    "x": 0,
-                                    "y": 5,
-                                  },
-                                  Object {
-                                    "x": 1,
-                                    "y": 10,
-                                  },
-                                ],
-                                undefined,
-                              ]
-                            }
-                            _animation={0.00008}
-                            angleDomain={Array []}
-                            animation={null}
-                            attr="x"
-                            attrAxis="y"
-                            className=""
-                            colorDomain={Array []}
-                            colorRange={
-                              Array [
-                                "#EF5D28",
-                                "#FF9833",
-                              ]
-                            }
-                            data={null}
-                            fillDomain={Array []}
-                            fillRange={
-                              Array [
-                                "#EF5D28",
-                                "#FF9833",
-                              ]
-                            }
-                            getAngle={[Function]}
-                            getAngle0={[Function]}
-                            getColor={[Function]}
-                            getColor0={[Function]}
-                            getFill={[Function]}
-                            getFill0={[Function]}
-                            getOpacity={[Function]}
-                            getOpacity0={[Function]}
-                            getRadius={[Function]}
-                            getRadius0={[Function]}
-                            getSize={[Function]}
-                            getSize0={[Function]}
-                            getStroke={[Function]}
-                            getStroke0={[Function]}
-                            getX={[Function]}
-                            getX0={[Function]}
-                            getY={[Function]}
-                            getY0={[Function]}
-                            innerHeight={150}
-                            innerWidth={550}
-                            marginBottom={40}
-                            marginLeft={40}
-                            marginRight={10}
-                            marginTop={10}
-                            on0={false}
-                            opacityDomain={Array []}
-                            opacityType="literal"
-                            orientation="bottom"
-                            position="middle"
-                            radiusDomain={Array []}
-                            sizeDomain={Array []}
-                            sizeRange={
-                              Array [
-                                1,
-                                10,
-                              ]
-                            }
-                            strokeDomain={Array []}
-                            strokeRange={
-                              Array [
-                                "#EF5D28",
-                                "#FF9833",
-                              ]
-                            }
-                            style={Object {}}
-                            tickPadding={8}
-                            tickSize={0}
-                            xDomain={
-                              Array [
-                                0,
-                                1,
-                              ]
-                            }
-                            xPadding={0}
-                            xRange={
-                              Array [
-                                0,
-                                550,
-                              ]
-                            }
-                            xType="linear"
-                            yDomain={
-                              Array [
-                                5,
-                                10,
-                              ]
-                            }
-                            yPadding={0}
-                            yRange={
-                              Array [
-                                150,
-                                0,
-                              ]
-                            }
-                            yType="linear"
-                          >
-                            <g
-                              className="rv-xy-plot__axis rv-xy-plot__axis--horizontal "
-                              style={Object {}}
-                              transform="translate(40,160)"
-                            >
-                              <AxisLine
-                                height={40}
-                                orientation="bottom"
-                                style={Object {}}
-                                width={550}
-                              >
-                                <line
-                                  className="rv-xy-plot__axis__line"
-                                  style={Object {}}
-                                  x1={0}
-                                  x2={550}
-                                  y1={0}
-                                  y2={0}
-                                />
-                              </AxisLine>
-                              <AxisTicks
-                                _adjustBy={Array []}
-                                _adjustWhat={Array []}
-                                _allData={
-                                  Array [
-                                    Array [
-                                      Object {
-                                        "x": 0,
-                                        "y": 5,
-                                      },
-                                      Object {
-                                        "x": 1,
-                                        "y": 10,
-                                      },
-                                    ],
-                                    undefined,
-                                  ]
-                                }
-                                _animation={0.00008}
-                                angleDomain={Array []}
-                                animation={null}
-                                attr="x"
-                                attrAxis="y"
-                                className=""
-                                colorDomain={Array []}
-                                colorRange={
-                                  Array [
-                                    "#EF5D28",
-                                    "#FF9833",
-                                  ]
-                                }
-                                data={null}
-                                fillDomain={Array []}
-                                fillRange={
-                                  Array [
-                                    "#EF5D28",
-                                    "#FF9833",
-                                  ]
-                                }
-                                getAngle={[Function]}
-                                getAngle0={[Function]}
-                                getColor={[Function]}
-                                getColor0={[Function]}
-                                getFill={[Function]}
-                                getFill0={[Function]}
-                                getOpacity={[Function]}
-                                getOpacity0={[Function]}
-                                getRadius={[Function]}
-                                getRadius0={[Function]}
-                                getSize={[Function]}
-                                getSize0={[Function]}
-                                getStroke={[Function]}
-                                getStroke0={[Function]}
-                                getX={[Function]}
-                                getX0={[Function]}
-                                getY={[Function]}
-                                getY0={[Function]}
-                                height={40}
-                                innerHeight={150}
-                                innerWidth={550}
-                                left={40}
-                                marginBottom={40}
-                                marginLeft={40}
-                                marginRight={10}
-                                marginTop={10}
-                                on0={false}
-                                opacityDomain={Array []}
-                                opacityType="literal"
-                                orientation="bottom"
-                                position="middle"
-                                radiusDomain={Array []}
-                                sizeDomain={Array []}
-                                sizeRange={
-                                  Array [
-                                    1,
-                                    10,
-                                  ]
-                                }
-                                strokeDomain={Array []}
-                                strokeRange={
-                                  Array [
-                                    "#EF5D28",
-                                    "#FF9833",
-                                  ]
-                                }
-                                style={Object {}}
-                                tickPadding={8}
-                                tickSize={0}
-                                tickTotal={10}
-                                top={160}
-                                width={550}
-                                xDomain={
-                                  Array [
-                                    0,
-                                    1,
-                                  ]
-                                }
-                                xPadding={0}
-                                xRange={
-                                  Array [
-                                    0,
-                                    550,
-                                  ]
-                                }
-                                xType="linear"
-                                yDomain={
-                                  Array [
-                                    5,
-                                    10,
-                                  ]
-                                }
-                                yPadding={0}
-                                yRange={
-                                  Array [
-                                    150,
-                                    0,
-                                  ]
-                                }
-                                yType="linear"
-                              >
-                                <g
-                                  className="rv-xy-plot__axis__ticks"
-                                  transform="translate(0, 0)"
-                                >
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="0"
-                                    style={Object {}}
-                                    transform="translate(0, 0)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={0}
-                                      y1={-0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.72em"
-                                      style={Object {}}
-                                      textAnchor="middle"
-                                      transform="translate(0, 8)"
-                                    >
-                                      0.0
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="1"
-                                    style={Object {}}
-                                    transform="translate(55, 0)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={0}
-                                      y1={-0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.72em"
-                                      style={Object {}}
-                                      textAnchor="middle"
-                                      transform="translate(0, 8)"
-                                    >
-                                      0.1
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="2"
-                                    style={Object {}}
-                                    transform="translate(110, 0)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={0}
-                                      y1={-0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.72em"
-                                      style={Object {}}
-                                      textAnchor="middle"
-                                      transform="translate(0, 8)"
-                                    >
-                                      0.2
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="3"
-                                    style={Object {}}
-                                    transform="translate(165, 0)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={0}
-                                      y1={-0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.72em"
-                                      style={Object {}}
-                                      textAnchor="middle"
-                                      transform="translate(0, 8)"
-                                    >
-                                      0.3
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="4"
-                                    style={Object {}}
-                                    transform="translate(220, 0)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={0}
-                                      y1={-0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.72em"
-                                      style={Object {}}
-                                      textAnchor="middle"
-                                      transform="translate(0, 8)"
-                                    >
-                                      0.4
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="5"
-                                    style={Object {}}
-                                    transform="translate(275, 0)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={0}
-                                      y1={-0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.72em"
-                                      style={Object {}}
-                                      textAnchor="middle"
-                                      transform="translate(0, 8)"
-                                    >
-                                      0.5
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="6"
-                                    style={Object {}}
-                                    transform="translate(330, 0)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={0}
-                                      y1={-0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.72em"
-                                      style={Object {}}
-                                      textAnchor="middle"
-                                      transform="translate(0, 8)"
-                                    >
-                                      0.6
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="7"
-                                    style={Object {}}
-                                    transform="translate(385, 0)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={0}
-                                      y1={-0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.72em"
-                                      style={Object {}}
-                                      textAnchor="middle"
-                                      transform="translate(0, 8)"
-                                    >
-                                      0.7
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="8"
-                                    style={Object {}}
-                                    transform="translate(440, 0)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={0}
-                                      y1={-0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.72em"
-                                      style={Object {}}
-                                      textAnchor="middle"
-                                      transform="translate(0, 8)"
-                                    >
-                                      0.8
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="9"
-                                    style={Object {}}
-                                    transform="translate(495, 0)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={0}
-                                      y1={-0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.72em"
-                                      style={Object {}}
-                                      textAnchor="middle"
-                                      transform="translate(0, 8)"
-                                    >
-                                      0.9
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="10"
-                                    style={Object {}}
-                                    transform="translate(550, 0)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={0}
-                                      y1={-0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.72em"
-                                      style={Object {}}
-                                      textAnchor="middle"
-                                      transform="translate(0, 8)"
-                                    >
-                                      1.0
-                                    </text>
-                                  </g>
-                                </g>
-                              </AxisTicks>
-                            </g>
-                          </Axis>
-                        </Motion>
-                      </Animation>
-                    </Axis>
-                  </XAxis>
-                </EuiXAxis>
-                <EuiYAxis
-                  _adjustBy={Array []}
-                  _adjustWhat={Array []}
-                  _allData={
-                    Array [
-                      Array [
-                        Object {
-                          "x": 0,
-                          "y": 5,
-                        },
-                        Object {
-                          "x": 1,
-                          "y": 10,
-                        },
-                      ],
-                      undefined,
-                    ]
-                  }
-                  angleDomain={Array []}
-                  animation={true}
-                  colorDomain={Array []}
-                  colorRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  fillDomain={Array []}
-                  fillRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  getAngle={[Function]}
-                  getAngle0={[Function]}
-                  getColor={[Function]}
-                  getColor0={[Function]}
-                  getFill={[Function]}
-                  getFill0={[Function]}
-                  getOpacity={[Function]}
-                  getOpacity0={[Function]}
-                  getRadius={[Function]}
-                  getRadius0={[Function]}
-                  getSize={[Function]}
-                  getSize0={[Function]}
-                  getStroke={[Function]}
-                  getStroke0={[Function]}
-                  getX={[Function]}
-                  getX0={[Function]}
-                  getY={[Function]}
-                  getY0={[Function]}
-                  innerHeight={150}
-                  innerWidth={550}
-                  marginBottom={40}
-                  marginLeft={40}
-                  marginRight={10}
-                  marginTop={10}
-                  onZero={false}
-                  opacityDomain={Array []}
-                  opacityType="literal"
-                  orientation="left"
-                  radiusDomain={Array []}
-                  sizeDomain={Array []}
-                  sizeRange={
-                    Array [
-                      1,
-                      10,
-                    ]
-                  }
-                  strokeDomain={Array []}
-                  strokeRange={
-                    Array [
-                      "#EF5D28",
-                      "#FF9833",
-                    ]
-                  }
-                  tickSize={0}
-                  titlePosition="middle"
-                  xDomain={
-                    Array [
-                      0,
-                      1,
-                    ]
-                  }
-                  xPadding={0}
-                  xRange={
-                    Array [
-                      0,
-                      550,
-                    ]
-                  }
-                  xType="linear"
-                  yDomain={
-                    Array [
-                      5,
-                      10,
-                    ]
-                  }
-                  yPadding={0}
-                  yRange={
-                    Array [
-                      150,
-                      0,
-                    ]
-                  }
-                  yType="linear"
-                >
-                  <YAxis
-                    _adjustBy={Array []}
-                    _adjustWhat={Array []}
-                    _allData={
-                      Array [
-                        Array [
-                          Object {
-                            "x": 0,
-                            "y": 5,
-                          },
-                          Object {
-                            "x": 1,
-                            "y": 10,
-                          },
-                        ],
-                        undefined,
-                      ]
-                    }
-                    angleDomain={Array []}
-                    animation={true}
-                    attr="y"
-                    attrAxis="x"
-                    colorDomain={Array []}
-                    colorRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    fillDomain={Array []}
-                    fillRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    getAngle={[Function]}
-                    getAngle0={[Function]}
-                    getColor={[Function]}
-                    getColor0={[Function]}
-                    getFill={[Function]}
-                    getFill0={[Function]}
-                    getOpacity={[Function]}
-                    getOpacity0={[Function]}
-                    getRadius={[Function]}
-                    getRadius0={[Function]}
-                    getSize={[Function]}
-                    getSize0={[Function]}
-                    getStroke={[Function]}
-                    getStroke0={[Function]}
-                    getX={[Function]}
-                    getX0={[Function]}
-                    getY={[Function]}
-                    getY0={[Function]}
-                    innerHeight={150}
-                    innerWidth={550}
-                    marginBottom={40}
-                    marginLeft={40}
-                    marginRight={10}
-                    marginTop={10}
-                    on0={false}
-                    opacityDomain={Array []}
-                    opacityType="literal"
-                    orientation="left"
-                    position="middle"
-                    radiusDomain={Array []}
-                    sizeDomain={Array []}
-                    sizeRange={
-                      Array [
-                        1,
-                        10,
-                      ]
-                    }
-                    strokeDomain={Array []}
-                    strokeRange={
-                      Array [
-                        "#EF5D28",
-                        "#FF9833",
-                      ]
-                    }
-                    tickSize={0}
-                    xDomain={
-                      Array [
-                        0,
-                        1,
-                      ]
-                    }
-                    xPadding={0}
-                    xRange={
-                      Array [
-                        0,
-                        550,
-                      ]
-                    }
-                    xType="linear"
-                    yDomain={
-                      Array [
-                        5,
-                        10,
-                      ]
-                    }
-                    yPadding={0}
-                    yRange={
-                      Array [
-                        150,
-                        0,
-                      ]
-                    }
-                    yType="linear"
-                  >
-                    <Axis
-                      _adjustBy={Array []}
-                      _adjustWhat={Array []}
-                      _allData={
-                        Array [
-                          Array [
-                            Object {
-                              "x": 0,
-                              "y": 5,
-                            },
-                            Object {
-                              "x": 1,
-                              "y": 10,
-                            },
-                          ],
-                          undefined,
-                        ]
-                      }
-                      angleDomain={Array []}
-                      animation={true}
-                      attr="y"
-                      attrAxis="x"
-                      className=""
-                      colorDomain={Array []}
-                      colorRange={
-                        Array [
-                          "#EF5D28",
-                          "#FF9833",
-                        ]
-                      }
-                      fillDomain={Array []}
-                      fillRange={
-                        Array [
-                          "#EF5D28",
-                          "#FF9833",
-                        ]
-                      }
-                      getAngle={[Function]}
-                      getAngle0={[Function]}
-                      getColor={[Function]}
-                      getColor0={[Function]}
-                      getFill={[Function]}
-                      getFill0={[Function]}
-                      getOpacity={[Function]}
-                      getOpacity0={[Function]}
-                      getRadius={[Function]}
-                      getRadius0={[Function]}
-                      getSize={[Function]}
-                      getSize0={[Function]}
-                      getStroke={[Function]}
-                      getStroke0={[Function]}
-                      getX={[Function]}
-                      getX0={[Function]}
-                      getY={[Function]}
-                      getY0={[Function]}
-                      innerHeight={150}
-                      innerWidth={550}
-                      marginBottom={40}
-                      marginLeft={40}
-                      marginRight={10}
-                      marginTop={10}
-                      on0={false}
-                      opacityDomain={Array []}
-                      opacityType="literal"
-                      orientation="left"
-                      position="middle"
-                      radiusDomain={Array []}
-                      sizeDomain={Array []}
-                      sizeRange={
-                        Array [
-                          1,
-                          10,
-                        ]
-                      }
-                      strokeDomain={Array []}
-                      strokeRange={
-                        Array [
-                          "#EF5D28",
-                          "#FF9833",
-                        ]
-                      }
-                      style={Object {}}
-                      tickPadding={8}
-                      tickSize={0}
-                      xDomain={
-                        Array [
-                          0,
-                          1,
-                        ]
-                      }
-                      xPadding={0}
-                      xRange={
-                        Array [
-                          0,
-                          550,
-                        ]
-                      }
-                      xType="linear"
-                      yDomain={
-                        Array [
-                          5,
-                          10,
-                        ]
-                      }
-                      yPadding={0}
-                      yRange={
-                        Array [
-                          150,
-                          0,
-                        ]
-                      }
-                      yType="linear"
-                    >
-                      <Animation
-                        _adjustBy={Array []}
-                        _adjustWhat={Array []}
-                        _allData={
-                          Array [
-                            Array [
-                              Object {
-                                "x": 0,
-                                "y": 5,
-                              },
-                              Object {
-                                "x": 1,
-                                "y": 10,
-                              },
-                            ],
-                            undefined,
-                          ]
-                        }
-                        angleDomain={Array []}
-                        animatedProps={
-                          Array [
-                            "xRange",
-                            "yRange",
-                            "xDomain",
-                            "yDomain",
-                            "width",
-                            "height",
-                            "marginLeft",
-                            "marginTop",
-                            "marginRight",
-                            "marginBottom",
-                            "tickSize",
-                            "tickTotal",
-                            "tickSizeInner",
-                            "tickSizeOuter",
-                          ]
-                        }
-                        animation={true}
-                        attr="y"
-                        attrAxis="x"
-                        className=""
-                        colorDomain={Array []}
-                        colorRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        fillDomain={Array []}
-                        fillRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        getAngle={[Function]}
-                        getAngle0={[Function]}
-                        getColor={[Function]}
-                        getColor0={[Function]}
-                        getFill={[Function]}
-                        getFill0={[Function]}
-                        getOpacity={[Function]}
-                        getOpacity0={[Function]}
-                        getRadius={[Function]}
-                        getRadius0={[Function]}
-                        getSize={[Function]}
-                        getSize0={[Function]}
-                        getStroke={[Function]}
-                        getStroke0={[Function]}
-                        getX={[Function]}
-                        getX0={[Function]}
-                        getY={[Function]}
-                        getY0={[Function]}
-                        innerHeight={150}
-                        innerWidth={550}
-                        marginBottom={40}
-                        marginLeft={40}
-                        marginRight={10}
-                        marginTop={10}
-                        on0={false}
-                        opacityDomain={Array []}
-                        opacityType="literal"
-                        orientation="left"
-                        position="middle"
-                        radiusDomain={Array []}
-                        sizeDomain={Array []}
-                        sizeRange={
-                          Array [
-                            1,
-                            10,
-                          ]
-                        }
-                        strokeDomain={Array []}
-                        strokeRange={
-                          Array [
-                            "#EF5D28",
-                            "#FF9833",
-                          ]
-                        }
-                        style={Object {}}
-                        tickPadding={8}
-                        tickSize={0}
-                        xDomain={
-                          Array [
-                            0,
-                            1,
-                          ]
-                        }
-                        xPadding={0}
-                        xRange={
-                          Array [
-                            0,
-                            550,
-                          ]
-                        }
-                        xType="linear"
-                        yDomain={
-                          Array [
-                            5,
-                            10,
-                          ]
-                        }
-                        yPadding={0}
-                        yRange={
-                          Array [
-                            150,
-                            0,
-                          ]
-                        }
-                        yType="linear"
-                      >
-                        <Motion
-                          defaultStyle={
-                            Object {
-                              "i": 0,
-                            }
-                          }
-                          key="0.00009"
-                          onRest={[Function]}
-                          style={
-                            Object {
-                              "i": Object {
-                                "damping": 26,
-                                "precision": 0.01,
-                                "stiffness": 170,
-                                "val": 1,
-                              },
-                            }
-                          }
-                        >
-                          <Axis
-                            _adjustBy={Array []}
-                            _adjustWhat={Array []}
-                            _allData={
-                              Array [
-                                Array [
-                                  Object {
-                                    "x": 0,
-                                    "y": 5,
-                                  },
-                                  Object {
-                                    "x": 1,
-                                    "y": 10,
-                                  },
-                                ],
-                                undefined,
-                              ]
-                            }
-                            _animation={0.0001}
-                            angleDomain={Array []}
-                            animation={null}
-                            attr="y"
-                            attrAxis="x"
-                            className=""
-                            colorDomain={Array []}
-                            colorRange={
-                              Array [
-                                "#EF5D28",
-                                "#FF9833",
-                              ]
-                            }
-                            data={null}
-                            fillDomain={Array []}
-                            fillRange={
-                              Array [
-                                "#EF5D28",
-                                "#FF9833",
-                              ]
-                            }
-                            getAngle={[Function]}
-                            getAngle0={[Function]}
-                            getColor={[Function]}
-                            getColor0={[Function]}
-                            getFill={[Function]}
-                            getFill0={[Function]}
-                            getOpacity={[Function]}
-                            getOpacity0={[Function]}
-                            getRadius={[Function]}
-                            getRadius0={[Function]}
-                            getSize={[Function]}
-                            getSize0={[Function]}
-                            getStroke={[Function]}
-                            getStroke0={[Function]}
-                            getX={[Function]}
-                            getX0={[Function]}
-                            getY={[Function]}
-                            getY0={[Function]}
-                            innerHeight={150}
-                            innerWidth={550}
-                            marginBottom={40}
-                            marginLeft={40}
-                            marginRight={10}
-                            marginTop={10}
-                            on0={false}
-                            opacityDomain={Array []}
-                            opacityType="literal"
-                            orientation="left"
-                            position="middle"
-                            radiusDomain={Array []}
-                            sizeDomain={Array []}
-                            sizeRange={
-                              Array [
-                                1,
-                                10,
-                              ]
-                            }
-                            strokeDomain={Array []}
-                            strokeRange={
-                              Array [
-                                "#EF5D28",
-                                "#FF9833",
-                              ]
-                            }
-                            style={Object {}}
-                            tickPadding={8}
-                            tickSize={0}
-                            xDomain={
-                              Array [
-                                0,
-                                1,
-                              ]
-                            }
-                            xPadding={0}
-                            xRange={
-                              Array [
-                                0,
-                                550,
-                              ]
-                            }
-                            xType="linear"
-                            yDomain={
-                              Array [
-                                5,
-                                10,
-                              ]
-                            }
-                            yPadding={0}
-                            yRange={
-                              Array [
-                                150,
-                                0,
-                              ]
-                            }
-                            yType="linear"
-                          >
-                            <g
-                              className="rv-xy-plot__axis rv-xy-plot__axis--vertical "
-                              style={Object {}}
-                              transform="translate(0,10)"
-                            >
-                              <AxisLine
-                                height={150}
-                                orientation="left"
-                                style={Object {}}
-                                width={40}
-                              >
-                                <line
-                                  className="rv-xy-plot__axis__line"
-                                  style={Object {}}
-                                  x1={40}
-                                  x2={40}
-                                  y1={0}
-                                  y2={150}
-                                />
-                              </AxisLine>
-                              <AxisTicks
-                                _adjustBy={Array []}
-                                _adjustWhat={Array []}
-                                _allData={
-                                  Array [
-                                    Array [
-                                      Object {
-                                        "x": 0,
-                                        "y": 5,
-                                      },
-                                      Object {
-                                        "x": 1,
-                                        "y": 10,
-                                      },
-                                    ],
-                                    undefined,
-                                  ]
-                                }
-                                _animation={0.0001}
-                                angleDomain={Array []}
-                                animation={null}
-                                attr="y"
-                                attrAxis="x"
-                                className=""
-                                colorDomain={Array []}
-                                colorRange={
-                                  Array [
-                                    "#EF5D28",
-                                    "#FF9833",
-                                  ]
-                                }
-                                data={null}
-                                fillDomain={Array []}
-                                fillRange={
-                                  Array [
-                                    "#EF5D28",
-                                    "#FF9833",
-                                  ]
-                                }
-                                getAngle={[Function]}
-                                getAngle0={[Function]}
-                                getColor={[Function]}
-                                getColor0={[Function]}
-                                getFill={[Function]}
-                                getFill0={[Function]}
-                                getOpacity={[Function]}
-                                getOpacity0={[Function]}
-                                getRadius={[Function]}
-                                getRadius0={[Function]}
-                                getSize={[Function]}
-                                getSize0={[Function]}
-                                getStroke={[Function]}
-                                getStroke0={[Function]}
-                                getX={[Function]}
-                                getX0={[Function]}
-                                getY={[Function]}
-                                getY0={[Function]}
-                                height={150}
-                                innerHeight={150}
-                                innerWidth={550}
-                                left={0}
-                                marginBottom={40}
-                                marginLeft={40}
-                                marginRight={10}
-                                marginTop={10}
-                                on0={false}
-                                opacityDomain={Array []}
-                                opacityType="literal"
-                                orientation="left"
-                                position="middle"
-                                radiusDomain={Array []}
-                                sizeDomain={Array []}
-                                sizeRange={
-                                  Array [
-                                    1,
-                                    10,
-                                  ]
-                                }
-                                strokeDomain={Array []}
-                                strokeRange={
-                                  Array [
-                                    "#EF5D28",
-                                    "#FF9833",
-                                  ]
-                                }
-                                style={Object {}}
-                                tickPadding={8}
-                                tickSize={0}
-                                tickTotal={5}
-                                top={10}
-                                width={40}
-                                xDomain={
-                                  Array [
-                                    0,
-                                    1,
-                                  ]
-                                }
-                                xPadding={0}
-                                xRange={
-                                  Array [
-                                    0,
-                                    550,
-                                  ]
-                                }
-                                xType="linear"
-                                yDomain={
-                                  Array [
-                                    5,
-                                    10,
-                                  ]
-                                }
-                                yPadding={0}
-                                yRange={
-                                  Array [
-                                    150,
-                                    0,
-                                  ]
-                                }
-                                yType="linear"
-                              >
-                                <g
-                                  className="rv-xy-plot__axis__ticks"
-                                  transform="translate(40, 0)"
-                                >
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="0"
-                                    style={Object {}}
-                                    transform="translate(0, 150)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={-0}
-                                      y1={0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.32em"
-                                      style={Object {}}
-                                      textAnchor="end"
-                                      transform="translate(-8, 0)"
-                                    >
-                                      5
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="1"
-                                    style={Object {}}
-                                    transform="translate(0, 120)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={-0}
-                                      y1={0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.32em"
-                                      style={Object {}}
-                                      textAnchor="end"
-                                      transform="translate(-8, 0)"
-                                    >
-                                      6
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="2"
-                                    style={Object {}}
-                                    transform="translate(0, 90)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={-0}
-                                      y1={0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.32em"
-                                      style={Object {}}
-                                      textAnchor="end"
-                                      transform="translate(-8, 0)"
-                                    >
-                                      7
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="3"
-                                    style={Object {}}
-                                    transform="translate(0, 60)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={-0}
-                                      y1={0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.32em"
-                                      style={Object {}}
-                                      textAnchor="end"
-                                      transform="translate(-8, 0)"
-                                    >
-                                      8
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="4"
-                                    style={Object {}}
-                                    transform="translate(0, 30)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={-0}
-                                      y1={0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.32em"
-                                      style={Object {}}
-                                      textAnchor="end"
-                                      transform="translate(-8, 0)"
-                                    >
-                                      9
-                                    </text>
-                                  </g>
-                                  <g
-                                    className="rv-xy-plot__axis__tick"
-                                    key="5"
-                                    style={Object {}}
-                                    transform="translate(0, 0)"
-                                  >
-                                    <line
-                                      className="rv-xy-plot__axis__tick__line"
-                                      style={Object {}}
-                                      x1={0}
-                                      x2={-0}
-                                      y1={0}
-                                      y2={0}
-                                    />
-                                    <text
-                                      className="rv-xy-plot__axis__tick__text"
-                                      dy="0.32em"
-                                      style={Object {}}
-                                      textAnchor="end"
-                                      transform="translate(-8, 0)"
-                                    >
-                                      10
-                                    </text>
-                                  </g>
-                                </g>
-                              </AxisTicks>
-                            </g>
-                          </Axis>
-                        </Motion>
-                      </Animation>
-                    </Axis>
-                  </YAxis>
-                </EuiYAxis>
-              </EuiDefaultAxis>
-            </svg>
-            <EuiCrosshairX
-              _adjustBy={Array []}
-              _adjustWhat={Array []}
-              _allData={
-                Array [
-                  Array [
-                    Object {
-                      "x": 0,
-                      "y": 5,
-                    },
-                    Object {
-                      "x": 1,
-                      "y": 10,
-                    },
-                  ],
-                  undefined,
-                ]
-              }
-              _colorValue="#79C7E3"
-              _opacityValue={1}
-              angleDomain={Array []}
-              animation={true}
-              clusters={
-                Set {
-                  undefined,
-                }
-              }
-              colorDomain={Array []}
-              colorRange={
-                Array [
-                  "#EF5D28",
-                  "#FF9833",
-                ]
-              }
-              fillDomain={Array []}
-              fillRange={
-                Array [
-                  "#EF5D28",
-                  "#FF9833",
-                ]
-              }
-              getAngle={[Function]}
-              getAngle0={[Function]}
-              getColor={[Function]}
-              getColor0={[Function]}
-              getFill={[Function]}
-              getFill0={[Function]}
-              getOpacity={[Function]}
-              getOpacity0={[Function]}
-              getRadius={[Function]}
-              getRadius0={[Function]}
-              getSize={[Function]}
-              getSize0={[Function]}
-              getStroke={[Function]}
-              getStroke0={[Function]}
-              getX={[Function]}
-              getX0={[Function]}
-              getY={[Function]}
-              getY0={[Function]}
-              innerHeight={150}
-              innerWidth={550}
-              key=".2"
-              marginBottom={40}
-              marginLeft={40}
-              marginRight={10}
-              marginTop={10}
-              opacityDomain={Array []}
-              opacityType="literal"
-              radiusDomain={Array []}
-              sameTypeIndex={0}
-              sameTypeTotal={1}
-              seriesIndex={1}
-              seriesNames={
-                Array [
-                  "name",
-                ]
-              }
-              sizeDomain={Array []}
-              sizeRange={
-                Array [
-                  1,
-                  10,
-                ]
-              }
-              strokeDomain={Array []}
-              strokeRange={
-                Array [
-                  "#EF5D28",
-                  "#FF9833",
-                ]
-              }
-              xDomain={
-                Array [
-                  0,
-                  1,
-                ]
-              }
-              xPadding={0}
-              xRange={
-                Array [
-                  0,
-                  550,
-                ]
-              }
-              xType="linear"
-              yDomain={
-                Array [
-                  5,
-                  10,
-                ]
-              }
-              yPadding={0}
-              yRange={
-                Array [
-                  150,
-                  0,
-                ]
-              }
-              yType="linear"
-            >
-              <Crosshair
-                _adjustBy={Array []}
-                _adjustWhat={Array []}
-                _allData={
-                  Array [
-                    Array [
-                      Object {
-                        "x": 0,
-                        "y": 5,
-                      },
-                      Object {
-                        "x": 1,
-                        "y": 10,
-                      },
-                    ],
-                    undefined,
-                  ]
-                }
-                _colorValue="#79C7E3"
-                _opacityValue={1}
-                angleDomain={Array []}
-                animation={true}
-                clusters={
-                  Set {
-                    undefined,
-                  }
-                }
-                colorDomain={Array []}
-                colorRange={
-                  Array [
-                    "#EF5D28",
-                    "#FF9833",
-                  ]
-                }
-                fillDomain={Array []}
-                fillRange={
-                  Array [
-                    "#EF5D28",
-                    "#FF9833",
-                  ]
-                }
-                getAngle={[Function]}
-                getAngle0={[Function]}
-                getColor={[Function]}
-                getColor0={[Function]}
-                getFill={[Function]}
-                getFill0={[Function]}
-                getOpacity={[Function]}
-                getOpacity0={[Function]}
-                getRadius={[Function]}
-                getRadius0={[Function]}
-                getSize={[Function]}
-                getSize0={[Function]}
-                getStroke={[Function]}
-                getStroke0={[Function]}
-                getX={[Function]}
-                getX0={[Function]}
-                getY={[Function]}
-                getY0={[Function]}
-                innerHeight={150}
-                innerWidth={550}
-                itemsFormat={[Function]}
-                marginBottom={40}
-                marginLeft={40}
-                marginRight={10}
-                marginTop={10}
-                opacityDomain={Array []}
-                opacityType="literal"
-                radiusDomain={Array []}
-                sameTypeIndex={0}
-                sameTypeTotal={1}
-                seriesIndex={1}
-                seriesNames={
-                  Array [
-                    "name",
-                  ]
-                }
-                sizeDomain={Array []}
-                sizeRange={
-                  Array [
-                    1,
-                    10,
-                  ]
-                }
-                strokeDomain={Array []}
-                strokeRange={
-                  Array [
-                    "#EF5D28",
-                    "#FF9833",
-                  ]
-                }
-                style={
-                  Object {
-                    "line": Object {
-                      "background": "rgb(218, 218, 218)",
-                    },
-                  }
-                }
-                titleFormat={[Function]}
-                values={Array []}
-                xDomain={
-                  Array [
-                    0,
-                    1,
-                  ]
-                }
-                xPadding={0}
-                xRange={
-                  Array [
-                    0,
-                    550,
-                  ]
-                }
-                xType="linear"
-                yDomain={
-                  Array [
-                    5,
-                    10,
-                  ]
-                }
-                yPadding={0}
-                yRange={
-                  Array [
-                    150,
-                    0,
-                  ]
-                }
-                yType="linear"
-              />
-            </EuiCrosshairX>
-          </div>
-        </XYPlot>
-      </div>
-    </EuiSeriesChart>
-  </div>
-</FlexibleEuiSeriesChart>
-`;