@gravity-ui/chartkit 3.1.3 → 3.2.0-beta.1

package/build/plugins/d3/__stories__/bar/category.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+export declare const CategoryXAxis: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const meta: Meta;
+export default meta;

package/build/plugins/d3/__stories__/bar/category.stories.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import { object, withKnobs } from '@storybook/addon-knobs';
+import { Button } from '@gravity-ui/uikit';
+import { settings } from '../../../../libs';
+import { ChartKit } from '../../../../components/ChartKit';
+import { D3Plugin } from '../..';
+const Template = () => {
+    const [shown, setShown] = React.useState(false);
+    const chartkitRef = React.useRef();
+    const data = {
+        legend: { enabled: true },
+        tooltip: { enabled: false },
+        yAxis: [
+            {
+                type: 'linear',
+                labels: { enabled: true },
+                min: 0,
+            },
+        ],
+        series: {
+            data: [
+                {
+                    type: 'bar',
+                    visible: true,
+                    data: [
+                        {
+                            category: 'A',
+                            x: 10,
+                            y: 100,
+                        },
+                        {
+                            category: 'B',
+                            x: 12,
+                            y: 80,
+                        },
+                    ],
+                    name: 'AB',
+                },
+                {
+                    type: 'bar',
+                    visible: true,
+                    data: [
+                        {
+                            category: 'C',
+                            x: 95.5,
+                            y: 120,
+                        },
+                    ],
+                    name: 'C',
+                },
+            ],
+        },
+        title: { text: 'Category axis' },
+        xAxis: {
+            type: 'category',
+            categories: ['A', 'B', 'C'],
+            labels: { enabled: true },
+        },
+    };
+    if (!shown) {
+        settings.set({ plugins: [D3Plugin] });
+        return React.createElement(Button, { onClick: () => setShown(true) }, "Show chart");
+    }
+    return (React.createElement("div", { style: {
+            height: '80vh',
+            width: '100%',
+        } },
+        React.createElement(ChartKit, { ref: chartkitRef, type: "d3", data: object('data', data) })));
+};
+export const CategoryXAxis = Template.bind({});
+const meta = {
+    title: 'Plugins/D3/Bar',
+    decorators: [withKnobs],
+};
+export default meta;

package/build/plugins/d3/__stories__/bar/datetime.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+export declare const DatetimeXAxis: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const meta: Meta;
+export default meta;

package/build/plugins/d3/__stories__/bar/datetime.stories.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { object, withKnobs } from '@storybook/addon-knobs';
+import { Button } from '@gravity-ui/uikit';
+import { settings } from '../../../../libs';
+import { ChartKit } from '../../../../components/ChartKit';
+import { D3Plugin } from '../..';
+const Template = () => {
+    const [shown, setShown] = React.useState(false);
+    const chartkitRef = React.useRef();
+    const data = {
+        title: { text: 'DateTime axis' },
+        xAxis: {
+            type: 'datetime',
+            labels: { enabled: true },
+        },
+        legend: { enabled: true },
+        tooltip: { enabled: false },
+        yAxis: [
+            {
+                type: 'linear',
+                labels: { enabled: true },
+                min: 0,
+            },
+        ],
+        series: {
+            data: [
+                {
+                    type: 'bar',
+                    visible: true,
+                    data: [
+                        {
+                            x: Number(new Date(2022, 10, 10)),
+                            y: 100,
+                        },
+                        {
+                            x: Number(new Date(2023, 2, 5)),
+                            y: 80,
+                        },
+                    ],
+                    name: 'AB',
+                },
+                {
+                    type: 'bar',
+                    visible: true,
+                    data: [
+                        {
+                            x: Number(new Date(2022, 11, 25)),
+                            y: 120,
+                        },
+                    ],
+                    name: 'C',
+                },
+            ],
+        },
+    };
+    if (!shown) {
+        settings.set({ plugins: [D3Plugin] });
+        return React.createElement(Button, { onClick: () => setShown(true) }, "Show chart");
+    }
+    return (React.createElement("div", { style: {
+            height: '80vh',
+            width: '100%',
+        } },
+        React.createElement(ChartKit, { ref: chartkitRef, type: "d3", data: object('data', data) })));
+};
+export const DatetimeXAxis = Template.bind({});
+const meta = {
+    title: 'Plugins/D3/Bar',
+    decorators: [withKnobs],
+};
+export default meta;

package/build/plugins/d3/__stories__/bar/linear.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+export declare const LinearXAxis: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const meta: Meta;
+export default meta;

package/build/plugins/d3/__stories__/bar/linear.stories.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import { withKnobs, object } from '@storybook/addon-knobs';
+import { Button } from '@gravity-ui/uikit';
+import { settings } from '../../../../libs';
+import { ChartKit } from '../../../../components/ChartKit';
+import { D3Plugin } from '../..';
+const Template = () => {
+    const [shown, setShown] = React.useState(false);
+    const chartkitRef = React.useRef();
+    const data = {
+        series: {
+            data: [
+                {
+                    type: 'bar',
+                    visible: true,
+                    data: [
+                        {
+                            category: 'A',
+                            x: 10,
+                            y: 100,
+                        },
+                        {
+                            category: 'B',
+                            x: 12,
+                            y: 80,
+                        },
+                    ],
+                    name: 'AB',
+                },
+                {
+                    type: 'bar',
+                    visible: true,
+                    data: [
+                        {
+                            category: 'C',
+                            x: 95.5,
+                            y: 120,
+                        },
+                    ],
+                    name: 'C',
+                },
+            ],
+        },
+        title: { text: 'Linear axis' },
+        xAxis: {
+            type: 'linear',
+            labels: { enabled: true },
+        },
+        yAxis: [
+            {
+                type: 'linear',
+                labels: { enabled: true },
+                min: 0,
+            },
+        ],
+        legend: { enabled: true },
+        tooltip: { enabled: false },
+    };
+    if (!shown) {
+        settings.set({ plugins: [D3Plugin] });
+        return React.createElement(Button, { onClick: () => setShown(true) }, "Show chart");
+    }
+    return (React.createElement("div", { style: {
+            height: '80vh',
+            width: '100%',
+        } },
+        React.createElement(ChartKit, { ref: chartkitRef, type: "d3", data: object('data', data) })));
+};
+export const LinearXAxis = Template.bind({});
+const meta = {
+    title: 'Plugins/D3/Bar',
+    decorators: [withKnobs],
+};
+export default meta;