datum.x}
- defaultCursorValue={{ x: 0.25, y: 0.75 }}
- />
- }
- />
- ))
- .add(
- "with VictoryCursorContainer with defaultCursorValue (horizontal)",
- () => (
- datum.x}
- defaultCursorValue={{ x: 0.25, y: 0.75 }}
- />
- }
- />
- ),
- );
-
-storiesOf("Containers and Addons.VictoryZoomContainer", module).add(
- "with VictoryZoomContainer with initial zoom",
- () => (
-
- }
- >
-
-
- ),
-);
diff --git a/stories/victory-axis.stories.js b/stories/victory-axis.stories.js
index 5a4c3b812..0e699905d 100644
--- a/stories/victory-axis.stories.js
+++ b/stories/victory-axis.stories.js
@@ -3,6 +3,7 @@
import React from "react";
import { VictoryAxis } from "victory-axis";
import { VictoryBar } from "victory-bar";
+import { VictoryBrushLine } from "victory-brush-line";
import { VictoryScatter } from "victory-scatter";
import { VictoryTheme } from "victory-core";
import { VictoryChart } from "victory-chart";
@@ -337,3 +338,88 @@ export const WithMultilineLabels = () => {
);
};
+
+export const BrushAxis = () => {
+ return (
+
+ } />
+
+ );
+};
+
+export const BrushAxisWithDomain = () => {
+ return (
+
+ }
+ />
+
+ );
+};
+
+export const BrushAxisGridLine = () => {
+ return (
+
+ } />
+
+ );
+};
+
+export const BrushAxisGridLineWithDomain = () => {
+ return (
+
+ }
+ />
+
+ );
+};
+
+export const BrushAxisGridLineStyles = () => {
+ return (
+
+
+ }
+ />
+
+ );
+};
+
+export const BrushAxisGridLineWidth = () => {
+ return (
+
+
+ }
+ />
+
+ );
+};
diff --git a/stories/victory-chart.stories.js b/stories/victory-chart.stories.js
index f26696237..931bb25eb 100644
--- a/stories/victory-chart.stories.js
+++ b/stories/victory-chart.stories.js
@@ -4,6 +4,8 @@ import React from "react";
import { VictoryChart } from "victory-chart";
import { VictoryAxis } from "victory-axis";
import { VictoryBar } from "victory-bar";
+import { VictoryBrushContainer } from "victory-brush-container";
+import { VictoryCursorContainer } from "victory-cursor-container";
import { VictoryGroup } from "victory-group";
import { VictoryScatter } from "victory-scatter";
import { VictoryLine } from "victory-line";
@@ -11,6 +13,8 @@ import { VictoryBoxPlot } from "victory-box-plot";
import { VictoryPolarAxis } from "victory-polar-axis";
import { VictoryStack } from "victory-stack";
import { VictoryTheme } from "victory-core";
+import { VictoryZoomContainer } from "victory-zoom-container";
+
import { getData, getFourQuadrantData, getArrayData } from "./data";
const dependentAxisTheme = {
@@ -500,3 +504,122 @@ export const Orientations = () => {
);
};
+
+export const VictoryBrushContainerDefault = () => {
+ return (
+
+ }
+ />
+
+ );
+};
+
+export const VictoryBrushContainerWithDomain = () => {
+ return (
+
+
+ }
+ />
+
+ );
+};
+
+export const VictoryBrushContainerWithDomainHorizontal = () => {
+ return (
+
+
+ }
+ />
+
+ );
+};
+
+export const VictoryBrushContainerWithBrushStyle = () => {
+ return (
+
+
+ }
+ />
+
+ );
+};
+
+export const VictoryCursorContainerDefault = () => {
+ return (
+
+ datum.x}
+ defaultCursorValue={{ x: 0.25, y: 0.75 }}
+ />
+ }
+ />
+
+ );
+};
+
+export const VictoryCursorContainerHorizontal = () => {
+ return (
+
+ datum.x}
+ defaultCursorValue={{ x: 0.25, y: 0.75 }}
+ />
+ }
+ />
+
+ );
+};
+
+export const VictoryZoomContainerDefault = () => {
+ return (
+
+
+ }
+ >
+
+
+
+ );
+};
diff --git a/test/jest-config.js b/test/jest-config.js
index 4de54508e..3ef5794a5 100644
--- a/test/jest-config.js
+++ b/test/jest-config.js
@@ -1,6 +1,6 @@
const path = require("path");
const ROOT = path.resolve(__dirname, "..");
-const BABEL_PATH = path.resolve(ROOT, ".babelrc.js"); // eslint-disable-line no-undef
+const BABEL_PATH = path.resolve(ROOT, "babel.config.js"); // eslint-disable-line no-undef
const BABEL_TRANSFORM = ["babel-jest", { configFile: BABEL_PATH }];
module.exports = {