@oliasoft-open-source/charts-library 5.0.2 → 5.0.3-beta-1

package/dist/assets/line-chart.test-case.stories-Cb2jns7e.js

@@ -1,142 +0,0 @@
-import{j as n}from"./jsx-runtime-Y5Ju2SGo.js";import{r as g}from"./index-eCxJ45ll.js";import{B as p}from"./legend-krJw8Ykb.js";import{L as r}from"./line-chart-TEIxShHM.js";import"./legend-context-vqtlaWwg.js";import"./index-B-BONL6g.js";import"./index-BGqSdrBK.js";import"./index-D3-0uUTW.js";import"./get-draggableData-CQpLHCdg.js";const c={data:{datasets:[{label:"Dataset 1",data:[{x:0,y:0},{x:5,y:25}]}]},options:{title:"Chart title",chartStyling:{height:"100%"}}},C={title:"LineChart / Test Cases",component:r,args:{chart:c}},a=()=>{const[t,x]=g.useState(!1);return n.jsxs(n.Fragment,{children:[n.jsx(p,{onClick:()=>x(!t),label:"Toggle size"}),n.jsx("div",{style:{height:t?300:null,width:t?300:null,padding:"var(--padding)",overflow:"auto"},children:n.jsx(r,{chart:c})})]})},e=()=>n.jsx(r,{chart:{data:{datasets:[{label:"Duration %",lineTension:"0",pointHitRadius:10,borderColor:"#dc3912",pointBackgroundColor:"#dc3912",borderWidth:2,pointRadius:4,data:[{x:3,y:0},{x:3,y:100}],yAxisID:"y2"}]},options:{direction:"vertical",axes:{x:[{label:"Duration (TempSim long) [d]",position:"bottom"}],y:[{label:"Probability"},{label:"Percentage [%]"}]},annotations:{annotationsData:[{annotationAxis:"y2",color:"darkgrey",value:16},{displayDragCoordinates:!1,color:"#ff9900",label:"P16",dragAxis:"y",enableDrag:!0,resizable:!1,type:"box",xMax:3,xMin:3,yMax:17,yMin:15,yScaleID:"y2"},{annotationAxis:"y2",color:"darkgrey",value:66},{displayDragCoordinates:!1,color:"#109618",label:"P66",dragAxis:"y",enableDrag:!0,resizable:!1,type:"box",xMax:3,xMin:3,yMax:67,yMin:65,yScaleID:"y2"},{annotationAxis:"y2",color:"darkgrey",value:78},{displayDragCoordinates:!1,color:"#990099",label:"P78",dragAxis:"y",enableDrag:!0,resizable:!1,type:"box",xMax:3,xMin:3,yMax:79,yMin:77,yScaleID:"y2"},{annotationAxis:"y2",color:"darkgrey",value:90},{displayDragCoordinates:!1,color:"#0099c6",label:"P90",dragAxis:"y",enableDrag:!0,resizable:!1,type:"box",xMax:3,xMin:3,yMax:91,yMin:89,yScaleID:"y2"}],enableDragAnnotation:!0,showAnnotations:!0},additionalAxesOptions:{range:{x:{min:3}},chartScaleType:"linear",reverse:!1},graph:{showMinorGridlines:!0},chartStyling:{height:"100%"},chartOptions:{showPoints:!1,enableDragAnnotation:!0}}}});a.__docgenInfo={description:"",methods:[],displayName:"TestLegendDropzoneResizing"};e.__docgenInfo={description:"",methods:[],displayName:"PartialRangeWithSimilarValues"};var o,i,l;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`() => {
-  const [isSmall, setIsSmall] = useState(false);
-  return <>
-      <Button onClick={() => setIsSmall(!isSmall)} label="Toggle size" />
-      <div style={{
-      height: isSmall ? 300 : null,
-      width: isSmall ? 300 : null,
-      padding: 'var(--padding)',
-      overflow: 'auto'
-    }}>
-        <LineChart chart={basicChart} />
-      </div>
-    </>;
-}`,...(l=(i=a.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};var s,d,y;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`() => {
-  return <LineChart chart={{
-    data: {
-      datasets: [{
-        label: 'Duration %',
-        lineTension: '0',
-        pointHitRadius: 10,
-        borderColor: '#dc3912',
-        pointBackgroundColor: '#dc3912',
-        borderWidth: 2,
-        pointRadius: 4,
-        data: [{
-          x: 3,
-          y: 0
-        }, {
-          x: 3,
-          y: 100
-        }],
-        yAxisID: 'y2'
-      }]
-    },
-    options: {
-      direction: 'vertical',
-      axes: {
-        x: [{
-          label: 'Duration (TempSim long) [d]',
-          position: 'bottom'
-        }],
-        y: [{
-          label: 'Probability'
-        }, {
-          label: 'Percentage [%]'
-        }]
-      },
-      annotations: {
-        annotationsData: [{
-          annotationAxis: 'y2',
-          color: 'darkgrey',
-          value: 16
-        }, {
-          displayDragCoordinates: false,
-          color: '#ff9900',
-          label: 'P16',
-          dragAxis: 'y',
-          enableDrag: true,
-          resizable: false,
-          type: 'box',
-          xMax: 3,
-          xMin: 3,
-          yMax: 17,
-          yMin: 15,
-          yScaleID: 'y2'
-        }, {
-          annotationAxis: 'y2',
-          color: 'darkgrey',
-          value: 66
-        }, {
-          displayDragCoordinates: false,
-          color: '#109618',
-          label: 'P66',
-          dragAxis: 'y',
-          enableDrag: true,
-          resizable: false,
-          type: 'box',
-          xMax: 3,
-          xMin: 3,
-          yMax: 67,
-          yMin: 65,
-          yScaleID: 'y2'
-        }, {
-          annotationAxis: 'y2',
-          color: 'darkgrey',
-          value: 78
-        }, {
-          displayDragCoordinates: false,
-          color: '#990099',
-          label: 'P78',
-          dragAxis: 'y',
-          enableDrag: true,
-          resizable: false,
-          type: 'box',
-          xMax: 3,
-          xMin: 3,
-          yMax: 79,
-          yMin: 77,
-          yScaleID: 'y2'
-        }, {
-          annotationAxis: 'y2',
-          color: 'darkgrey',
-          value: 90
-        }, {
-          displayDragCoordinates: false,
-          color: '#0099c6',
-          label: 'P90',
-          dragAxis: 'y',
-          enableDrag: true,
-          resizable: false,
-          type: 'box',
-          xMax: 3,
-          xMin: 3,
-          yMax: 91,
-          yMin: 89,
-          yScaleID: 'y2'
-        }],
-        enableDragAnnotation: true,
-        showAnnotations: true
-      },
-      additionalAxesOptions: {
-        range: {
-          x: {
-            min: 3
-          }
-        },
-        chartScaleType: 'linear',
-        reverse: false
-      },
-      graph: {
-        showMinorGridlines: true
-      },
-      chartStyling: {
-        height: '100%'
-      },
-      chartOptions: {
-        showPoints: false,
-        enableDragAnnotation: true
-      }
-    }
-  }} />;
-}`,...(y=(d=e.parameters)==null?void 0:d.docs)==null?void 0:y.source}}};const v=["TestLegendDropzoneResizing","PartialRangeWithSimilarValues"];export{e as PartialRangeWithSimilarValues,a as TestLegendDropzoneResizing,v as __namedExportsOrder,C as default};