@oliasoft-open-source/charts-library 2.5.15 → 2.5.16-0

package/src/components/pie-chart/pie-chart.stories.jsx

@@ -1,199 +0,0 @@
-import React from 'react';
-import { PieChart } from './pie-chart';
-
-const labels1 = ['label 1', 'label 2', 'label 3'];
-const dataset1 = { label: 'data1', data: [3, 8, 7] };
-const dataset2 = { label: 'data2', data: [1, 2, 3] };
-const dataset3 = { label: 'data3', data: [5, 0, 4] };
-
-const offsetDataset = {
-  label: 'spacing data',
-  offset: 40,
-  data: [3, 8, 7],
-};
-
-const hoverOffsetDataset = {
-  label: 'hover data',
-  data: [3, 8, 7],
-  hoverOffset: 40,
-};
-
-const datasetDatalabels = {
-  label: 'data',
-  data: [
-    {
-      value: 210,
-      label: 'label',
-    },
-    {
-      value: 333,
-      label: 'labal',
-    },
-    {
-      value: 248,
-      label: 'lebel',
-    },
-  ],
-};
-const datasetNoDataLabels = {
-  label: 'data',
-  data: [210, 333, 248],
-};
-
-const singleChart = {
-  data: {
-    labels: labels1,
-    datasets: [dataset1],
-  },
-};
-
-const multiplePieData = {
-  data: {
-    labels: labels1,
-    datasets: [dataset1, dataset2, dataset3],
-  },
-};
-const stackedMultiplePieData = {
-  data: {
-    labels: labels1,
-    datasets: [dataset1, dataset2, dataset3],
-  },
-  options: {
-    title: 'Stacked',
-    graph: { stacked: true },
-  },
-};
-
-const dataLabelsChart = {
-  data: {
-    labels: labels1,
-    datasets: [datasetDatalabels],
-  },
-  options: {
-    title: 'With custom datalabels',
-    graph: {
-      showDataLabels: true,
-    },
-  },
-};
-const dataLabelsNumberChart = {
-  data: {
-    labels: labels1,
-    datasets: [datasetNoDataLabels],
-  },
-  options: {
-    title: 'With value as datalabels',
-    graph: {
-      showDataLabels: true,
-    },
-  },
-};
-
-const dataLabelssTooltips = {
-  data: {
-    labels: labels1,
-    datasets: [datasetDatalabels],
-  },
-  options: {
-    title: 'With datalabels in tooltips',
-    tooltip: {
-      showLabelsInTooltips: true,
-    },
-  },
-};
-
-const hoverOffsetChart = {
-  data: {
-    labels: labels1,
-    datasets: [hoverOffsetDataset],
-  },
-  options: { title: 'Hover offset' },
-};
-
-const offsetChart = {
-  data: {
-    labels: labels1,
-    datasets: [offsetDataset],
-  },
-  options: { title: 'Segment offset' },
-};
-
-const animatedChart = {
-  data: {
-    labels: labels1,
-    datasets: [dataset1],
-  },
-  options: {
-    chartStyling: { performanceMode: false },
-  },
-};
-
-const doughnutPercentage = {
-  data: {
-    labels: labels1,
-    datasets: [dataset1],
-  },
-  options: {
-    title: 'Cutout 50%',
-    graph: { cutout: '50%' },
-  },
-};
-
-const doughnutNumber = {
-  data: {
-    labels: labels1,
-    datasets: [dataset1],
-  },
-  options: {
-    title: 'Cutout 20 pixels',
-    graph: { cutout: 20 },
-  },
-};
-
-export default {
-  title: 'PieChart',
-  component: PieChart,
-  args: {
-    chart: singleChart,
-  },
-};
-
-const Template = (args) => {
-  return (
-    <PieChart
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      {...args}
-    />
-  );
-};
-export const Default = Template.bind({});
-
-export const MultipleSets = Template.bind({});
-MultipleSets.args = { chart: multiplePieData };
-
-export const MultipleSetsStacked = Template.bind({});
-MultipleSetsStacked.args = { chart: stackedMultiplePieData };
-
-export const Datalabels = Template.bind({});
-Datalabels.args = { chart: dataLabelsChart };
-
-export const DatalabelsValues = Template.bind({});
-DatalabelsValues.args = { chart: dataLabelsNumberChart };
-
-export const DatalabelsInTooltips = Template.bind({});
-DatalabelsInTooltips.args = { chart: dataLabelssTooltips };
-
-export const Animated = Template.bind({});
-Animated.args = { chart: animatedChart };
-
-export const Doughnut = Template.bind({});
-Doughnut.args = { chart: doughnutPercentage };
-
-export const DoughnutFixedCutout = Template.bind({});
-DoughnutFixedCutout.args = { chart: doughnutNumber };
-
-export const HoverOffset = Template.bind({});
-HoverOffset.args = { chart: hoverOffsetChart };
-
-export const SegmentOffset = Template.bind({});
-HoverOffset.args = { chart: offsetChart };

package/src/components/scatter-chart/scatter-chart.stories.jsx

@@ -1,142 +0,0 @@
-import React from 'react';
-import ScatterChart from './scatter-chart';
-
-const style = {
-  colorOrange: '#ED9860',
-  colorLightGray: '#C8C8C8',
-  colorDarkGray: '#595959',
-};
-
-const dataPoints = [
-  { x: 15.5, y: 0, label: '' },
-  { x: 75, y: 13, label: '' },
-  { x: 110, y: 85, label: '' },
-  { x: 212.5, y: 100, label: '' },
-];
-
-const dataPoints2 = [
-  { x: 0, y: 15, label: '' },
-  { x: 90, y: 15, label: '' },
-  { x: 130, y: 75, label: '' },
-  { x: 212.5, y: 115, label: '' },
-];
-
-const dataPoints3 = [
-  { x: 0, y: 0, label: '' },
-  { x: 120, y: 75, label: '' },
-  { x: 155, y: 50, label: '' },
-  { x: 250, y: 115, label: '' },
-];
-
-const datasetMultiLines = [
-  {
-    label: 'Line 1',
-    data: dataPoints,
-    borderColor: style.colorOrange,
-    backgroundColor: style.colorOrange,
-    showLine: true,
-  },
-  {
-    label: 'Line 2',
-    data: dataPoints2,
-    borderColor: style.colorLightGray,
-    backgroundColor: style.colorLightGray,
-    showLine: true,
-  },
-  {
-    label: 'Line 3',
-    data: dataPoints3,
-    borderColor: style.colorDarkGray,
-    backgroundColor: style.colorDarkGray,
-    showLine: true,
-  },
-];
-
-const chartDefault = {
-  data: {
-    datasets: [
-      {
-        label: 'Default chart',
-        data: dataPoints,
-        borderColor: style.colorOrange,
-        backgroundColor: style.colorOrange,
-      },
-    ],
-  },
-};
-
-const chartWithLine = {
-  data: {
-    datasets: [
-      {
-        label: 'Default chart',
-        data: dataPoints,
-        borderColor: style.colorOrange,
-        backgroundColor: style.colorOrange,
-        showLine: true,
-      },
-    ],
-  },
-};
-
-const multiLines = {
-  data: {
-    datasets: datasetMultiLines,
-  },
-};
-
-const chartReverse = {
-  data: {
-    datasets: datasetMultiLines,
-  },
-  options: {
-    scales: { y: { reverse: true } },
-  },
-};
-
-const chartLegendRight = {
-  data: {
-    datasets: datasetMultiLines,
-  },
-  options: {
-    plugins: {
-      legend: {
-        position: 'right',
-      },
-      title: {
-        display: true,
-        text: name || '',
-      },
-    },
-  },
-};
-
-export default {
-  title: 'ScatterChart',
-  component: ScatterChart,
-  args: {
-    chart: chartDefault,
-  },
-};
-
-const Template = (args) => {
-  return (
-    <ScatterChart
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      {...args}
-    />
-  );
-};
-export const Default = Template.bind({});
-
-export const Linear = Template.bind({});
-Linear.args = { chart: chartWithLine };
-
-export const MultiLines = Template.bind({});
-MultiLines.args = { chart: multiLines };
-
-export const Reverse = Template.bind({});
-Reverse.args = { chart: chartReverse };
-
-export const LegendRight = Template.bind({});
-LegendRight.args = { chart: chartLegendRight };