@oliasoft-open-source/charts-library 5.5.0 → 5.6.1

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

@@ -0,0 +1,1545 @@
+import{_t as e,at as t,dt as n}from"./iframe-cITPFXiZ.js";import{rt as r}from"./legend-context-BNa2-E_P.js";import{T as i,y as a}from"./legend-DREhMczt.js";import"./get-draggableData-CgSzQCju.js";import{t as o}from"./line-chart-iy0xMQat.js";var s=e(n(),1),c={controlsPortalId:`chartOne-plan-view-chart-controls`,data:{datasets:[{label:`CH-4ST`,lineTension:0,borderColor:`#a30125`,pointBackgroundColor:`#a30125`,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:2,fill:!1,data:[{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:.3927,label:[]},{x:0,y:2.4838,label:[]},{x:0,y:7.1727,label:[]},{x:0,y:14.4238,label:[]},{x:0,y:24.1818,label:[]},{x:0,y:36.3728,label:[]},{x:0,y:50.9039,label:[]},{x:0,y:67.6648,label:[]},{x:0,y:86.528,label:[]},{x:0,y:107.3503,label:[]},{x:0,y:129.9733,label:[]},{x:0,y:154.2251,label:[]},{x:0,y:179.9215,label:[]},{x:0,y:206.867,label:[]},{x:0,y:234.8569,label:[]},{x:0,y:263.6785,label:[]},{x:0,y:293.1127,label:[]},{x:0,y:322.9358,label:[]},{x:0,y:344.2833,label:[]},{x:0,y:352.9221,label:[]},{x:0,y:382.9221,label:[]},{x:0,y:412.9221,label:[]},{x:0,y:442.9221,label:[]},{x:0,y:472.9221,label:[]},{x:0,y:502.9221,label:[]},{x:0,y:532.9221,label:[]},{x:0,y:562.9221,label:[]},{x:0,y:592.9221,label:[]},{x:0,y:622.9221,label:[]},{x:0,y:644.2821,label:[]}]},{label:`CH-4`,lineTension:0,borderColor:`#0154a3`,pointBackgroundColor:`#0154a3`,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:2,fill:!1,data:[{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]}]}]},options:{direction:`vertical`,axes:{x:[{label:`E/W [m]`,position:`top`}],y:[{label:`N/S [m]`,position:`left`}]},additionalAxesOptions:{chartScaleType:`linear`},graph:{showDataLabels:!0,showMinorGridlines:!0,lineTension:0},chartStyling:{height:`100%`},annotations:{showAnnotations:!0,enableDragAnnotation:!0,annotationsData:[]}}},l=e(t(),1),u=[{label:`Dataset 1`,data:[{x:0,y:0},{x:5,y:25}]}],d={data:{datasets:u},options:{title:`Chart title`,chartStyling:{height:`100%`}}},f={title:`LineChart / Test Cases`,component:o,args:{chart:d}};const p=()=>(0,l.jsx)(o,{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}}}}),m=()=>(0,l.jsx)(o,{chart:c}),h=()=>{let[e,t]=(0,s.useState)(u),[n,a]=(0,s.useState)(0),[c,d]=(0,s.useState)(!1),[f,p]=(0,s.useState)(!0),[m,h]=(0,s.useState)(!1),[g,_]=(0,s.useState)(!0),[v,y]=(0,s.useState)(`linear`),[b,x]=(0,s.useState)(!1),S=(0,s.useMemo)(()=>({title:`Stress Tester`,axes:{x:[{label:`X Axis`}],y:[{label:`Y Axis`}]},chartOptions:{enableDragAnnotation:!0},annotations:{showAnnotations:!0,enableDragAnnotation:!0,annotationsData:[{enableDrag:!0,type:`box`,xMin:3.5,xMax:4,yMin:5,yMax:10,color:`rgba(255, 0, 0, 0.3)`,label:`DRAG ME!`},{type:`point`,enableDrag:!0,xValue:1,yValue:10,radius:2,color:`red`,label:`Draggable Point`,labelConfig:{font:`bold 8px ${r}`,color:`rgba(0,0,0,0.7)`}}]},chartStyling:{height:`100%`,squareAspectRatio:g},additionalAxesOptions:{chartScaleType:v},legend:{display:!1}}),[e,g,v]),C=(0,s.useMemo)(()=>({data:{datasets:e},options:S}),[e,S]);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(`div`,{style:{display:`flex`,gap:8,flexWrap:`wrap`,marginBottom:16},children:[(0,l.jsx)(i,{label:`Reset to Initial State`,colored:!0,onClick:()=>{t(u),a(e=>e+1),p(!0),x(!1)}}),(0,l.jsx)(i,{label:`Async Dataset + Unmount`,onClick:()=>{h(!0);let e=[];for(let n=0;n<50;n++)setTimeout(()=>{e.push({label:`DS ${n+1}`,data:[{x:n,y:Math.random()*100},{x:n+1,y:Math.random()*100}],borderColor:`hsl(${n*(360/50)}, 100%, 50%)`}),t([...e]),n===15&&(console.warn(`Forcing unmount mid-update`),p(!1)),n===25&&(console.warn(`Remounting chart`),p(!0),a(e=>e+1)),n===49&&(console.log(`Async injection complete`),h(!1))},n*40)},disabled:m}),(0,l.jsx)(i,{label:`Set Invalid Dataset`,onClick:()=>{t([{label:`Broken Dataset`,borderColor:`red`}])}}),(0,l.jsx)(i,{label:`Set Empty Dataset`,onClick:()=>{t([])}}),(0,l.jsx)(i,{label:`Mixed Data Formats`,onClick:()=>{t([{label:`X/Y Points`,data:[{x:0,y:0},{x:1,y:1}],borderColor:`green`},{label:`Y Only Array`,data:[2,4,6],borderColor:`blue`}])}}),(0,l.jsx)(i,{label:`Bad Axis Ref`,onClick:()=>{t([{label:`Bad Y Axis Ref`,yAxisID:`y-missing`,data:[{x:1,y:1},{x:2,y:2}],borderColor:`purple`}])}}),(0,l.jsx)(i,{label:`Toggle size`,onClick:()=>d(!c)}),(0,l.jsx)(i,{label:`Toggle Axis Type`,onClick:()=>{y(e=>e===`linear`?`logarithmic`:`linear`)}}),(0,l.jsx)(i,{label:`Toggle Aspect Ratio`,onClick:()=>{_(e=>!e)}}),(0,l.jsx)(i,{label:`Spam Re-renders`,onClick:()=>{let e=0,t=setInterval(()=>{a(e=>e+1),e++,e===100&&clearInterval(t)},30)}}),(0,l.jsx)(i,{label:f?`Unmount Chart`:`Remount Chart`,onClick:()=>p(e=>!e)}),(0,l.jsx)(i,{label:`Manual Re-render`,onClick:()=>a(e=>e+1)}),(0,l.jsx)(i,{label:`Empty Dataset`,onClick:()=>t([])}),(0,l.jsx)(i,{label:`Add 5k Points Slowly`,onClick:()=>{t([{label:`Big 5k Points`,data:Array.from({length:5e3},(e,t)=>({x:t,y:Math.sin(t/100)*100})),borderColor:`orange`}])}}),(0,l.jsx)(i,{label:`Dataset With Invalid Point`,onClick:()=>{t([{label:`Corrupt Point Dataset`,data:[{x:0,y:10},{x:1},{y:20},null,void 0,`bad-value`,{x:5,y:50}],borderColor:`red`}])}}),(0,l.jsx)(i,{label:`Malformed Dataset Combo`,onClick:()=>{t([{label:`Valid A`,data:[{x:0,y:1},{x:1,y:2}],borderColor:`blue`},{label:`Corrupt`,data:`not-an-array`,borderColor:`red`},{label:`Valid B`,data:[{x:0,y:3},{x:1,y:4}],borderColor:`green`}])}}),(0,l.jsx)(i,{label:`Cycle Big Load (Async)`,onClick:()=>{let e=[];for(let t=0;t<4;t++){let n=Array.from({length:3e3},(e,t)=>({x:t,y:Math.random()*100}));e.push({label:`Stream DS ${t+1}`,data:n,borderColor:`hsl(${t*90}, 100%, 50%)`})}let n=0,r=setInterval(()=>{t(e.slice(0,n+1)),n++,n===e.length&&clearInterval(r)},500)}}),(0,l.jsx)(i,{label:`Timed Unmount During Drag`,onClick:()=>{x(!0),p(!0),setTimeout(()=>{p(!1),x(!1)},5e3)},disabled:b})]}),b&&(0,l.jsx)(`span`,{style:{color:`crimson`,fontWeight:`bold`},children:`⏱ Unmounting in 5s – start dragging!`}),(0,l.jsx)(`div`,{style:{height:c?300:null,width:c?300:null,padding:`var(--padding)`,overflow:`auto`},children:f?(0,l.jsx)(o,{chart:C},n):(0,l.jsx)(`div`,{style:{padding:40,textAlign:`center`},children:`Chart unmounted`})})]})},g=()=>{let[e,t]=(0,s.useState)([{type:`point`,labelOffsetPx:50,xValue:2,yValue:100,radius:4,color:`rgba(128, 128, 128, 1)`,pointStyle:`triangle`,label:`annotation 1`,labelConfig:{position:`right`,color:`rgba(128, 128, 128, 1)`,callout:{enabled:!0}}}]),[n,r]=(0,s.useState)(`annotation 1`),i=[{label:`16/9-C-16`,lineTension:0,borderColor:`#e25112`,pointBackgroundColor:`#e25112`,pointHoverRadius:0,pointHitRadius:0,pointRadius:2,pointBorderWidth:2,borderWidth:2,fill:!1,data:[{y:0,x:0,label:[]},{y:30,x:0,label:[]},{y:60,x:0,label:[]},{y:90,x:0,label:[]},{y:120,x:0,label:[]},{y:150,x:0,label:[]},{y:180,x:0,label:[]},{y:210,x:0,label:[]},{y:240,x:0,label:[]},{y:270,x:0,label:[]},{y:300,x:0,label:[]},{y:330,x:0,label:[]},{y:360,x:0,label:[]},{y:390,x:0,label:[]},{y:400,x:0,label:[]},{y:419.9982,x:.1453,label:[]},{y:449.9718,x:.9078,label:[]},{y:479.8845,x:2.3231,label:[]},{y:509.6999,x:4.3892,label:[]},{y:539.3817,x:7.1038,label:[]},{y:568.8936,x:10.4635,label:[]},{y:569.3544,x:10.5213,label:[]},{y:598.3054,x:14.1545,label:[]},{y:627.7172,x:17.8456,label:[]},{y:657.1289,x:21.5367,label:[]},{y:686.5407,x:25.2278,label:[]},{y:715.9525,x:28.9188,label:[]},{y:745.3643,x:32.6099,label:[]},{y:804.1878,x:39.992,label:[]},{y:833.5996,x:43.6831,label:[]},{y:863.0113,x:47.3742,label:[]},{y:892.4231,x:51.0653,label:[]},{y:921.8349,x:54.7563,label:[]},{y:951.2467,x:58.4474,label:[]},{y:980.6584,x:62.1385,label:[]},{y:1010.0674,x:65.7954,label:[]},{y:1039.4763,x:69.4299,label:[]},{y:1068.8881,x:73.0986,label:[]},{y:1098.2999,x:76.7897,label:[]},{y:1127.7116,x:80.4807,label:[]},{y:1157.1234,x:84.1718,label:[]},{y:1186.5352,x:87.8629,label:[]},{y:1215.947,x:91.554,label:[]},{y:1245.3587,x:95.245,label:[]},{y:1274.7705,x:98.9361,label:[]},{y:1304.1823,x:102.6272,label:[]},{y:1333.5941,x:106.3183,label:[]},{y:1363.0058,x:110.0093,label:[]},{y:1392.4176,x:113.7004,label:[]},{y:1421.8294,x:117.3915,label:[]},{y:1451.2411,x:121.0825,label:[]},{y:1480.6529,x:124.7736,label:[]},{y:1510.0647,x:128.4647,label:[]},{y:1539.4765,x:132.1558,label:[]},{y:1568.8882,x:135.8468,label:[]},{y:1598.3,x:139.5379,label:[]},{y:1627.7118,x:143.229,label:[]},{y:1657.1236,x:146.9201,label:[]},{y:1686.5353,x:150.6111,label:[]},{y:1715.9471,x:154.3022,label:[]},{y:1745.3589,x:157.9933,label:[]},{y:1774.7706,x:161.6843,label:[]},{y:1804.1824,x:165.3754,label:[]},{y:1833.5942,x:169.0665,label:[]},{y:1863.006,x:172.7576,label:[]},{y:1892.4177,x:176.4486,label:[]},{y:1903.9079,x:177.8906,label:[]},{y:1921.8305,x:180.284,label:[]},{y:1951.2325,x:184.8347,label:[]},{y:1980.5894,x:190.1546,label:[]},{y:2009.8654,x:196.2372,label:[]},{y:2039.0247,x:203.0751,label:[]},{y:2068.0319,x:210.6599,label:[]},{y:2096.8516,x:218.9825,label:[]},{y:2125.4487,x:228.0327,label:[]},{y:2153.7883,x:237.7994,label:[]},{y:2181.836,x:248.2708,label:[]},{y:2209.5576,x:259.434,label:[]},{y:2236.9192,x:271.2756,label:[]},{y:2263.8876,x:283.781,label:[]},{y:2290.4299,x:296.935,label:[]},{y:2316.5138,x:310.7217,label:[]},{y:2342.1074,x:325.1241,label:[]},{y:2367.1796,x:340.1249,label:[]},{y:2391.6999,x:355.7056,label:[]},{y:2415.6384,x:371.8473,label:[]},{y:2438.9658,x:388.5303,label:[]},{y:2461.6539,x:405.7344,label:[]},{y:2483.6749,x:423.4384,label:[]},{y:2505.0021,x:441.621,label:[]},{y:2525.6093,x:460.2599,label:[]},{y:2545.4716,x:479.3325,label:[]},{y:2550.4401,x:484.2884,label:[]},{y:2564.5931,x:499.1889,label:[]},{y:2582.9606,x:520.6713,label:[]},{y:2600.4389,x:543.6622,label:[]},{y:2616.8951,x:567.9865,label:[]},{y:2632.2039,x:593.4591,label:[]},{y:2646.2488,x:619.8861,label:[]},{y:2657.1619,x:643.0591,label:[]},{y:2658.9386,x:647.0604,label:[]},{y:2671.1078,x:674.4667,label:[]},{y:2683.277,x:701.8731,label:[]},{y:2695.4463,x:729.2794,label:[]},{y:2707.6155,x:756.6858,label:[]},{y:2719.7847,x:784.0921,label:[]},{y:2731.954,x:811.4984,label:[]},{y:2744.1232,x:838.9048,label:[]},{y:2756.2924,x:866.3111,label:[]},{y:2768.4617,x:893.7174,label:[]},{y:2780.6309,x:921.1238,label:[]},{y:2792.8001,x:948.5301,label:[]},{y:2804.9693,x:975.9365,label:[]},{y:2817.1386,x:1003.3428,label:[]},{y:2829.3078,x:1030.7491,label:[]},{y:2841.477,x:1058.1555,label:[]},{y:2853.6463,x:1085.5618,label:[]},{y:2865.8155,x:1112.9682,label:[]},{y:2877.9847,x:1140.3745,label:[]},{y:2890.1539,x:1167.7808,label:[]},{y:2902.3232,x:1195.1872,label:[]},{y:2914.4924,x:1222.5935,label:[]},{y:2926.6616,x:1249.9999,label:[]},{y:2938.8309,x:1277.4062,label:[]},{y:2951.0001,x:1304.8125,label:[]},{y:2963.1693,x:1332.2189,label:[]},{y:2975.3386,x:1359.6252,label:[]},{y:2987.5078,x:1387.0316,label:[]},{y:2999.677,x:1414.4379,label:[]},{y:3011.8462,x:1441.8442,label:[]},{y:3024.0155,x:1469.2506,label:[]},{y:3036.1847,x:1496.6569,label:[]},{y:3048.3539,x:1524.0632,label:[]},{y:3060.5232,x:1551.4696,label:[]},{y:3072.6924,x:1578.8759,label:[]},{y:3084.8616,x:1606.2823,label:[]},{y:3097.0309,x:1633.6886,label:[]},{y:3109.2001,x:1661.0949,label:[]},{y:3133.5385,x:1715.9076,label:[]},{y:3145.7078,x:1743.314,label:[]},{y:3157.877,x:1770.7203,label:[]},{y:3170.0462,x:1798.1266,label:[]},{y:3182.1915,x:1825.5436,label:[]},{y:3206.4821,x:1880.3775,label:[]},{y:3218.6513,x:1907.7838,label:[]},{y:3242.9898,x:1962.5965,label:[]},{y:3303.8876,x:2098.6264,label:[]},{y:3316.0671,x:2125.8324,label:[]},{y:3328.2364,x:2153.2388,label:[]},{y:3340.4056,x:2180.6451,label:[]},{y:3352.5748,x:2208.0514,label:[]},{y:3364.744,x:2235.4578,label:[]},{y:3376.9133,x:2262.8641,label:[]},{y:3389.0825,x:2290.2705,label:[]},{y:3401.2517,x:2317.6768,label:[]},{y:3413.421,x:2345.0831,label:[]},{y:3425.5902,x:2372.4895,label:[]},{y:3437.7594,x:2399.8958,label:[]},{y:3449.9287,x:2427.3022,label:[]},{y:3462.0979,x:2454.7085,label:[]},{y:3472.1213,x:2477.2822,label:[]},{y:3474.2312,x:2482.1309,label:[]},{y:3484.8166,x:2510.1876,label:[]},{y:3493.0003,x:2539.0391,label:[]},{y:3498.72,x:2568.4657,label:[]},{y:3499.9842,x:2577.6599,label:[]},{y:3502.5335,x:2598.189,label:[]},{y:3506.2262,x:2627.9269,label:[]},{y:3509.919,x:2657.6648,label:[]},{y:3513.6118,x:2687.4026,label:[]},{y:3517.3045,x:2717.1405,label:[]},{y:3520.9973,x:2746.8784,label:[]},{y:3524.6901,x:2776.6163,label:[]},{y:3528.3828,x:2806.3542,label:[]},{y:3532.0756,x:2836.0921,label:[]},{y:3535.7684,x:2865.83,label:[]},{y:3539.4612,x:2895.5679,label:[]},{y:3543.1539,x:2925.3058,label:[]},{y:3546.8467,x:2955.0436,label:[]},{y:3550.5395,x:2984.7815,label:[]},{y:3554.2322,x:3014.5194,label:[]},{y:3557.925,x:3044.2573,label:[]},{y:3561.6178,x:3073.9952,label:[]},{y:3565.3105,x:3103.7331,label:[]},{y:3569.0033,x:3133.471,label:[]},{y:3572.6961,x:3163.2089,label:[]},{y:3576.3888,x:3192.9467,label:[]},{y:3580.0816,x:3222.6846,label:[]},{y:3583.7744,x:3252.4225,label:[]},{y:3587.4671,x:3282.1604,label:[]},{y:3591.1599,x:3311.8983,label:[]},{y:3594.8527,x:3341.6362,label:[]},{y:3598.5455,x:3371.3741,label:[]},{y:3599.9856,x:3382.9719,label:[]},{y:3602.2382,x:3401.112,label:[]},{y:3605.931,x:3430.8499,label:[]},{y:3609.6238,x:3460.5877,label:[]},{y:3613.3165,x:3490.3256,label:[]},{y:3617.0093,x:3520.0635,label:[]},{y:3620.7021,x:3549.8014,label:[]},{y:3624.3948,x:3579.5393,label:[]},{y:3628.0876,x:3609.2772,label:[]},{y:3631.7804,x:3639.0151,label:[]},{y:3635.4731,x:3668.753,label:[]},{y:3639.1659,x:3698.4909,label:[]},{y:3642.8587,x:3728.2287,label:[]},{y:3646.5514,x:3757.9666,label:[]},{y:3650.2442,x:3787.7045,label:[]},{y:3653.937,x:3817.4424,label:[]},{y:3657.6298,x:3847.1803,label:[]},{y:3661.3225,x:3876.9182,label:[]},{y:3665.0153,x:3906.6561,label:[]},{y:3668.7081,x:3936.394,label:[]},{y:3672.4008,x:3966.1318,label:[]},{y:3676.0936,x:3995.8697,label:[]},{y:3679.7864,x:4025.6076,label:[]},{y:3683.4791,x:4055.3455,label:[]},{y:3687.1719,x:4085.0834,label:[]},{y:3690.8647,x:4114.8213,label:[]},{y:3694.5574,x:4144.5592,label:[]},{y:3698.2502,x:4174.2971,label:[]},{y:3701.943,x:4204.035,label:[]},{y:3705.6357,x:4233.7728,label:[]},{y:3709.3285,x:4263.5107,label:[]},{y:3713.0213,x:4293.2486,label:[]},{y:3716.7141,x:4322.9865,label:[]},{y:3720.4068,x:4352.7244,label:[]},{y:3724.0996,x:4382.4623,label:[]},{y:3727.7924,x:4412.2002,label:[]},{y:3731.4851,x:4441.9381,label:[]},{y:3735.1779,x:4471.676,label:[]},{y:3738.8707,x:4501.4138,label:[]},{y:3742.5634,x:4531.1517,label:[]},{y:3746.2562,x:4560.8896,label:[]},{y:3749.949,x:4590.6275,label:[]},{y:3753.6417,x:4620.3654,label:[]},{y:3757.3345,x:4650.1033,label:[]},{y:3761.0273,x:4679.8412,label:[]},{y:3764.72,x:4709.5791,label:[]},{y:3768.4128,x:4739.3169,label:[]},{y:3772.1056,x:4769.0548,label:[]},{y:3775.7984,x:4798.7927,label:[]},{y:3779.4911,x:4828.5306,label:[]},{y:3783.1839,x:4858.2685,label:[]},{y:3786.8767,x:4888.0064,label:[]},{y:3790.5694,x:4917.7443,label:[]},{y:3794.2622,x:4947.4822,label:[]},{y:3797.955,x:4977.2201,label:[]},{y:3801.6477,x:5006.9579,label:[]},{y:3805.3405,x:5036.6958,label:[]},{y:3809.0333,x:5066.4337,label:[]},{y:3809.7189,x:5067.0389,label:[]},{y:3810.7189,x:5067.0389,label:[]}],wellOffset:[-3.4,.11]}];return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(`div`,{style:{display:`flex`,gap:8,marginBottom:16,alignItems:`center`},children:[(0,l.jsx)(`span`,{children:`Label for first annotation:`}),(0,l.jsx)(`input`,{value:n,onChange:e=>{let n=e.target.value;r(n),t(e=>e.map((e,t)=>t===0?{...e,label:n}:e))},style:{padding:4,minWidth:180}}),(0,l.jsx)(`button`,{type:`button`,onClick:()=>{t(e=>{let t=e.length,n=i[0].data,r={type:`point`,labelOffsetPx:50,xValue:n[t]?.x??n[n.length-1].x,yValue:100+t*10,radius:4,color:`rgba(128, 128, 128, 1)`,pointStyle:`triangle`,label:`annotation ${t+1}`,labelConfig:{position:`right`,color:`rgba(128, 128, 128, 1)`,callout:{enabled:!0}}};return[...e,r]})},children:`Add annotation`})]}),(0,l.jsx)(o,{chart:{...d,data:{datasets:i},options:{...d.options,legend:{display:!1},annotations:{showAnnotations:!0,enableDragAnnotation:!0,enableCalloutAnnotation:!0,annotationsData:e}}}})]})};p.__docgenInfo={description:``,methods:[],displayName:`PartialRangeWithSimilarValues`},m.__docgenInfo={description:``,methods:[],displayName:`closeToValueInDifferentAxes`},h.__docgenInfo={description:``,methods:[],displayName:`StressTest`},g.__docgenInfo={description:``,methods:[],displayName:`DynamicCalloutAnnotations`},p.parameters={...p.parameters,docs:{...p.parameters?.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
+      }
+    }
+  }} />;
+}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`() => {
+  return <LineChart chart={planView} />;
+}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`() => {
+  const [datasets, setDatasets] = useState(basicDS);
+  const [chartKey, setChartKey] = useState(0);
+  const [isSmall, setIsSmall] = useState(false);
+  const [showChart, setShowChart] = useState(true);
+  const [loading, setLoading] = useState(false);
+  const [aspectRatio, setAspectRatio] = useState(true);
+  const [xAxisType, setXAxisType] = useState('linear');
+  const [timerRunning, setTimerRunning] = useState(false);
+  const baseOptions = useMemo(() => ({
+    title: 'Stress Tester',
+    axes: {
+      x: [{
+        label: 'X Axis'
+      }],
+      y: [{
+        label: 'Y Axis'
+      }]
+    },
+    chartOptions: {
+      enableDragAnnotation: true
+    },
+    annotations: {
+      showAnnotations: true,
+      enableDragAnnotation: true,
+      annotationsData: [{
+        enableDrag: true,
+        type: 'box',
+        xMin: 3.5,
+        xMax: 4,
+        yMin: 5,
+        yMax: 10,
+        color: 'rgba(255, 0, 0, 0.3)',
+        label: 'DRAG ME!'
+      }, {
+        type: 'point',
+        enableDrag: true,
+        xValue: 1,
+        yValue: 10,
+        radius: DEFAULT_POINT_RADIUS,
+        color: 'red',
+        label: 'Draggable Point',
+        labelConfig: {
+          font: \`bold 8px \${DEFAULT_FONT_FAMILY}\`,
+          color: 'rgba(0,0,0,0.7)'
+        }
+      }]
+    },
+    chartStyling: {
+      height: '100%',
+      squareAspectRatio: aspectRatio
+    },
+    additionalAxesOptions: {
+      chartScaleType: xAxisType
+    },
+    legend: {
+      display: false
+    }
+  }), [datasets, aspectRatio, xAxisType]);
+  const chartConfig = useMemo(() => ({
+    data: {
+      datasets
+    },
+    options: baseOptions
+  }), [datasets, baseOptions]);
+  const startTimedUnmount = () => {
+    setTimerRunning(true);
+    setShowChart(true);
+    setTimeout(() => {
+      setShowChart(false);
+      setTimerRunning(false);
+    }, 5000);
+  };
+  const resetChart = () => {
+    setDatasets(basicDS);
+    setChartKey(k => k + 1);
+    setShowChart(true);
+    setTimerRunning(false);
+  };
+  const injectDatasetsAsync = () => {
+    setLoading(true);
+    const buffer = [];
+    const total = 50;
+    const delay = 40;
+    for (let i = 0; i < total; i++) {
+      setTimeout(() => {
+        buffer.push({
+          label: \`DS \${i + 1}\`,
+          data: [{
+            x: i,
+            y: Math.random() * 100
+          }, {
+            x: i + 1,
+            y: Math.random() * 100
+          }],
+          borderColor: \`hsl(\${i * (360 / total)}, 100%, 50%)\`
+        });
+        setDatasets([...buffer]);
+        if (i === 15) {
+          console.warn('Forcing unmount mid-update');
+          setShowChart(false);
+        }
+        if (i === 25) {
+          console.warn('Remounting chart');
+          setShowChart(true);
+          setChartKey(prev => prev + 1);
+        }
+        if (i === total - 1) {
+          console.log('Async injection complete');
+          setLoading(false);
+        }
+      }, i * delay);
+    }
+  };
+  const setInvalidDataset = () => {
+    setDatasets([{
+      label: 'Broken Dataset',
+      borderColor: 'red'
+    }]);
+  };
+  const setEmptyDataset = () => {
+    setDatasets([]);
+  };
+  const setMixedDataTypes = () => {
+    setDatasets([{
+      label: 'X/Y Points',
+      data: [{
+        x: 0,
+        y: 0
+      }, {
+        x: 1,
+        y: 1
+      }],
+      borderColor: 'green'
+    }, {
+      label: 'Y Only Array',
+      data: [2, 4, 6],
+      borderColor: 'blue'
+    }]);
+  };
+  const setMissingAxisRef = () => {
+    setDatasets([{
+      label: 'Bad Y Axis Ref',
+      yAxisID: 'y-missing',
+      data: [{
+        x: 1,
+        y: 1
+      }, {
+        x: 2,
+        y: 2
+      }],
+      borderColor: 'purple'
+    }]);
+  };
+  const addBigDataset = () => {
+    const data = Array.from({
+      length: 5000
+    }, (_, i) => ({
+      x: i,
+      y: Math.sin(i / 100) * 100
+    }));
+    setDatasets([{
+      label: 'Big 5k Points',
+      data,
+      borderColor: 'orange'
+    }]);
+  };
+  const addDatasetWithInvalidPoint = () => {
+    setDatasets([{
+      label: 'Corrupt Point Dataset',
+      data: [{
+        x: 0,
+        y: 10
+      }, {
+        x: 1
+      },
+      // missing y
+      {
+        y: 20
+      },
+      // missing x
+      null, undefined, 'bad-value', {
+        x: 5,
+        y: 50
+      }],
+      borderColor: 'red'
+    }]);
+  };
+  const addMalformedDatasetCombo = () => {
+    setDatasets([{
+      label: 'Valid A',
+      data: [{
+        x: 0,
+        y: 1
+      }, {
+        x: 1,
+        y: 2
+      }],
+      borderColor: 'blue'
+    }, {
+      label: 'Corrupt',
+      data: 'not-an-array',
+      borderColor: 'red'
+    }, {
+      label: 'Valid B',
+      data: [{
+        x: 0,
+        y: 3
+      }, {
+        x: 1,
+        y: 4
+      }],
+      borderColor: 'green'
+    }]);
+  };
+  const streamLargeData = () => {
+    const allDS = [];
+    for (let j = 0; j < 4; j++) {
+      const data = Array.from({
+        length: 3000
+      }, (_, i) => ({
+        x: i,
+        y: Math.random() * 100
+      }));
+      allDS.push({
+        label: \`Stream DS \${j + 1}\`,
+        data,
+        borderColor: \`hsl(\${j * 90}, 100%, 50%)\`
+      });
+    }
+    let step = 0;
+    const interval = setInterval(() => {
+      setDatasets(allDS.slice(0, step + 1));
+      step++;
+      if (step === allDS.length) clearInterval(interval);
+    }, 500);
+  };
+  const cycleXAxisType = () => {
+    setXAxisType(prev => prev === 'linear' ? 'logarithmic' : 'linear');
+  };
+  const toggleAspectRatio = () => {
+    setAspectRatio(prev => !prev);
+  };
+  const spamReRenders = () => {
+    let count = 0;
+    const interval = setInterval(() => {
+      setChartKey(prev => prev + 1);
+      count++;
+      if (count === 100) clearInterval(interval);
+    }, 30);
+  };
+  return <>
+      <div style={{
+      display: 'flex',
+      gap: 8,
+      flexWrap: 'wrap',
+      marginBottom: 16
+    }}>
+        <Button label="Reset to Initial State" colored onClick={resetChart} />
+        <Button label="Async Dataset + Unmount" onClick={injectDatasetsAsync} disabled={loading} />
+        <Button label="Set Invalid Dataset" onClick={setInvalidDataset} />
+        <Button label="Set Empty Dataset" onClick={setEmptyDataset} />
+        <Button label="Mixed Data Formats" onClick={setMixedDataTypes} />
+        <Button label="Bad Axis Ref" onClick={setMissingAxisRef} />
+        <Button label="Toggle size" onClick={() => setIsSmall(!isSmall)} />
+        <Button label="Toggle Axis Type" onClick={cycleXAxisType} />
+        <Button label="Toggle Aspect Ratio" onClick={toggleAspectRatio} />
+        <Button label="Spam Re-renders" onClick={spamReRenders} />
+        <Button label={showChart ? 'Unmount Chart' : 'Remount Chart'} onClick={() => setShowChart(s => !s)} />
+        <Button label="Manual Re-render" onClick={() => setChartKey(k => k + 1)} />
+        <Button label="Empty Dataset" onClick={() => setDatasets([])} />
+        <Button label="Add 5k Points Slowly" onClick={addBigDataset} />
+        <Button label="Dataset With Invalid Point" onClick={addDatasetWithInvalidPoint} />
+        <Button label="Malformed Dataset Combo" onClick={addMalformedDatasetCombo} />
+        <Button label="Cycle Big Load (Async)" onClick={streamLargeData} />
+        <Button label="Timed Unmount During Drag" onClick={startTimedUnmount} disabled={timerRunning} />
+      </div>
+
+      {timerRunning && <span style={{
+      color: 'crimson',
+      fontWeight: 'bold'
+    }}>
+          ⏱ Unmounting in 5s – start dragging!
+        </span>}
+
+      <div style={{
+      height: isSmall ? 300 : null,
+      width: isSmall ? 300 : null,
+      padding: 'var(--padding)',
+      overflow: 'auto'
+    }}>
+        {showChart ? <LineChart key={chartKey} chart={chartConfig} /> : <div style={{
+        padding: 40,
+        textAlign: 'center'
+      }}>
+            Chart unmounted
+          </div>}
+      </div>
+    </>;
+}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`() => {
+  const [annotations, setAnnotations] = useState([{
+    type: 'point',
+    labelOffsetPx: 50,
+    xValue: 2,
+    yValue: 100,
+    radius: 4,
+    color: 'rgba(128, 128, 128, 1)',
+    pointStyle: 'triangle',
+    label: 'annotation 1',
+    labelConfig: {
+      position: 'right',
+      color: 'rgba(128, 128, 128, 1)',
+      callout: {
+        enabled: true
+      }
+    }
+  }]);
+  const [labelInput, setLabelInput] = useState('annotation 1');
+  const dataset1 = [{
+    label: '16/9-C-16',
+    lineTension: 0,
+    borderColor: '#e25112',
+    pointBackgroundColor: '#e25112',
+    pointHoverRadius: 0,
+    pointHitRadius: 0,
+    pointRadius: 2,
+    pointBorderWidth: 2,
+    borderWidth: 2,
+    fill: false,
+    data: [{
+      y: 0,
+      x: 0,
+      label: []
+    }, {
+      y: 30,
+      x: 0,
+      label: []
+    }, {
+      y: 60,
+      x: 0,
+      label: []
+    }, {
+      y: 90,
+      x: 0,
+      label: []
+    }, {
+      y: 120,
+      x: 0,
+      label: []
+    }, {
+      y: 150,
+      x: 0,
+      label: []
+    }, {
+      y: 180,
+      x: 0,
+      label: []
+    }, {
+      y: 210,
+      x: 0,
+      label: []
+    }, {
+      y: 240,
+      x: 0,
+      label: []
+    }, {
+      y: 270,
+      x: 0,
+      label: []
+    }, {
+      y: 300,
+      x: 0,
+      label: []
+    }, {
+      y: 330,
+      x: 0,
+      label: []
+    }, {
+      y: 360,
+      x: 0,
+      label: []
+    }, {
+      y: 390,
+      x: 0,
+      label: []
+    }, {
+      y: 400,
+      x: 0,
+      label: []
+    }, {
+      y: 419.9982,
+      x: 0.1453,
+      label: []
+    }, {
+      y: 449.9718,
+      x: 0.9078,
+      label: []
+    }, {
+      y: 479.8845,
+      x: 2.3231,
+      label: []
+    }, {
+      y: 509.6999,
+      x: 4.3892,
+      label: []
+    }, {
+      y: 539.3817,
+      x: 7.1038,
+      label: []
+    }, {
+      y: 568.8936,
+      x: 10.4635,
+      label: []
+    }, {
+      y: 569.3544,
+      x: 10.5213,
+      label: []
+    }, {
+      y: 598.3054,
+      x: 14.1545,
+      label: []
+    }, {
+      y: 627.7172,
+      x: 17.8456,
+      label: []
+    }, {
+      y: 657.1289,
+      x: 21.5367,
+      label: []
+    }, {
+      y: 686.5407,
+      x: 25.2278,
+      label: []
+    }, {
+      y: 715.9525,
+      x: 28.9188,
+      label: []
+    }, {
+      y: 745.3643,
+      x: 32.6099,
+      label: []
+    }, {
+      y: 804.1878,
+      x: 39.992,
+      label: []
+    }, {
+      y: 833.5996,
+      x: 43.6831,
+      label: []
+    }, {
+      y: 863.0113,
+      x: 47.3742,
+      label: []
+    }, {
+      y: 892.4231,
+      x: 51.0653,
+      label: []
+    }, {
+      y: 921.8349,
+      x: 54.7563,
+      label: []
+    }, {
+      y: 951.2467,
+      x: 58.4474,
+      label: []
+    }, {
+      y: 980.6584,
+      x: 62.1385,
+      label: []
+    }, {
+      y: 1010.0674,
+      x: 65.7954,
+      label: []
+    }, {
+      y: 1039.4763,
+      x: 69.4299,
+      label: []
+    }, {
+      y: 1068.8881,
+      x: 73.0986,
+      label: []
+    }, {
+      y: 1098.2999,
+      x: 76.7897,
+      label: []
+    }, {
+      y: 1127.7116,
+      x: 80.4807,
+      label: []
+    }, {
+      y: 1157.1234,
+      x: 84.1718,
+      label: []
+    }, {
+      y: 1186.5352,
+      x: 87.8629,
+      label: []
+    }, {
+      y: 1215.947,
+      x: 91.554,
+      label: []
+    }, {
+      y: 1245.3587,
+      x: 95.245,
+      label: []
+    }, {
+      y: 1274.7705,
+      x: 98.9361,
+      label: []
+    }, {
+      y: 1304.1823,
+      x: 102.6272,
+      label: []
+    }, {
+      y: 1333.5941,
+      x: 106.3183,
+      label: []
+    }, {
+      y: 1363.0058,
+      x: 110.0093,
+      label: []
+    }, {
+      y: 1392.4176,
+      x: 113.7004,
+      label: []
+    }, {
+      y: 1421.8294,
+      x: 117.3915,
+      label: []
+    }, {
+      y: 1451.2411,
+      x: 121.0825,
+      label: []
+    }, {
+      y: 1480.6529,
+      x: 124.7736,
+      label: []
+    }, {
+      y: 1510.0647,
+      x: 128.4647,
+      label: []
+    }, {
+      y: 1539.4765,
+      x: 132.1558,
+      label: []
+    }, {
+      y: 1568.8882,
+      x: 135.8468,
+      label: []
+    }, {
+      y: 1598.3,
+      x: 139.5379,
+      label: []
+    }, {
+      y: 1627.7118,
+      x: 143.229,
+      label: []
+    }, {
+      y: 1657.1236,
+      x: 146.9201,
+      label: []
+    }, {
+      y: 1686.5353,
+      x: 150.6111,
+      label: []
+    }, {
+      y: 1715.9471,
+      x: 154.3022,
+      label: []
+    }, {
+      y: 1745.3589,
+      x: 157.9933,
+      label: []
+    }, {
+      y: 1774.7706,
+      x: 161.6843,
+      label: []
+    }, {
+      y: 1804.1824,
+      x: 165.3754,
+      label: []
+    }, {
+      y: 1833.5942,
+      x: 169.0665,
+      label: []
+    }, {
+      y: 1863.006,
+      x: 172.7576,
+      label: []
+    }, {
+      y: 1892.4177,
+      x: 176.4486,
+      label: []
+    }, {
+      y: 1903.9079,
+      x: 177.8906,
+      label: []
+    }, {
+      y: 1921.8305,
+      x: 180.284,
+      label: []
+    }, {
+      y: 1951.2325,
+      x: 184.8347,
+      label: []
+    }, {
+      y: 1980.5894,
+      x: 190.1546,
+      label: []
+    }, {
+      y: 2009.8654,
+      x: 196.2372,
+      label: []
+    }, {
+      y: 2039.0247,
+      x: 203.0751,
+      label: []
+    }, {
+      y: 2068.0319,
+      x: 210.6599,
+      label: []
+    }, {
+      y: 2096.8516,
+      x: 218.9825,
+      label: []
+    }, {
+      y: 2125.4487,
+      x: 228.0327,
+      label: []
+    }, {
+      y: 2153.7883,
+      x: 237.7994,
+      label: []
+    }, {
+      y: 2181.836,
+      x: 248.2708,
+      label: []
+    }, {
+      y: 2209.5576,
+      x: 259.434,
+      label: []
+    }, {
+      y: 2236.9192,
+      x: 271.2756,
+      label: []
+    }, {
+      y: 2263.8876,
+      x: 283.781,
+      label: []
+    }, {
+      y: 2290.4299,
+      x: 296.935,
+      label: []
+    }, {
+      y: 2316.5138,
+      x: 310.7217,
+      label: []
+    }, {
+      y: 2342.1074,
+      x: 325.1241,
+      label: []
+    }, {
+      y: 2367.1796,
+      x: 340.1249,
+      label: []
+    }, {
+      y: 2391.6999,
+      x: 355.7056,
+      label: []
+    }, {
+      y: 2415.6384,
+      x: 371.8473,
+      label: []
+    }, {
+      y: 2438.9658,
+      x: 388.5303,
+      label: []
+    }, {
+      y: 2461.6539,
+      x: 405.7344,
+      label: []
+    }, {
+      y: 2483.6749,
+      x: 423.4384,
+      label: []
+    }, {
+      y: 2505.0021,
+      x: 441.621,
+      label: []
+    }, {
+      y: 2525.6093,
+      x: 460.2599,
+      label: []
+    }, {
+      y: 2545.4716,
+      x: 479.3325,
+      label: []
+    }, {
+      y: 2550.4401,
+      x: 484.2884,
+      label: []
+    }, {
+      y: 2564.5931,
+      x: 499.1889,
+      label: []
+    }, {
+      y: 2582.9606,
+      x: 520.6713,
+      label: []
+    }, {
+      y: 2600.4389,
+      x: 543.6622,
+      label: []
+    }, {
+      y: 2616.8951,
+      x: 567.9865,
+      label: []
+    }, {
+      y: 2632.2039,
+      x: 593.4591,
+      label: []
+    }, {
+      y: 2646.2488,
+      x: 619.8861,
+      label: []
+    }, {
+      y: 2657.1619,
+      x: 643.0591,
+      label: []
+    }, {
+      y: 2658.9386,
+      x: 647.0604,
+      label: []
+    }, {
+      y: 2671.1078,
+      x: 674.4667,
+      label: []
+    }, {
+      y: 2683.277,
+      x: 701.8731,
+      label: []
+    }, {
+      y: 2695.4463,
+      x: 729.2794,
+      label: []
+    }, {
+      y: 2707.6155,
+      x: 756.6858,
+      label: []
+    }, {
+      y: 2719.7847,
+      x: 784.0921,
+      label: []
+    }, {
+      y: 2731.954,
+      x: 811.4984,
+      label: []
+    }, {
+      y: 2744.1232,
+      x: 838.9048,
+      label: []
+    }, {
+      y: 2756.2924,
+      x: 866.3111,
+      label: []
+    }, {
+      y: 2768.4617,
+      x: 893.7174,
+      label: []
+    }, {
+      y: 2780.6309,
+      x: 921.1238,
+      label: []
+    }, {
+      y: 2792.8001,
+      x: 948.5301,
+      label: []
+    }, {
+      y: 2804.9693,
+      x: 975.9365,
+      label: []
+    }, {
+      y: 2817.1386,
+      x: 1003.3428,
+      label: []
+    }, {
+      y: 2829.3078,
+      x: 1030.7491,
+      label: []
+    }, {
+      y: 2841.477,
+      x: 1058.1555,
+      label: []
+    }, {
+      y: 2853.6463,
+      x: 1085.5618,
+      label: []
+    }, {
+      y: 2865.8155,
+      x: 1112.9682,
+      label: []
+    }, {
+      y: 2877.9847,
+      x: 1140.3745,
+      label: []
+    }, {
+      y: 2890.1539,
+      x: 1167.7808,
+      label: []
+    }, {
+      y: 2902.3232,
+      x: 1195.1872,
+      label: []
+    }, {
+      y: 2914.4924,
+      x: 1222.5935,
+      label: []
+    }, {
+      y: 2926.6616,
+      x: 1249.9999,
+      label: []
+    }, {
+      y: 2938.8309,
+      x: 1277.4062,
+      label: []
+    }, {
+      y: 2951.0001,
+      x: 1304.8125,
+      label: []
+    }, {
+      y: 2963.1693,
+      x: 1332.2189,
+      label: []
+    }, {
+      y: 2975.3386,
+      x: 1359.6252,
+      label: []
+    }, {
+      y: 2987.5078,
+      x: 1387.0316,
+      label: []
+    }, {
+      y: 2999.677,
+      x: 1414.4379,
+      label: []
+    }, {
+      y: 3011.8462,
+      x: 1441.8442,
+      label: []
+    }, {
+      y: 3024.0155,
+      x: 1469.2506,
+      label: []
+    }, {
+      y: 3036.1847,
+      x: 1496.6569,
+      label: []
+    }, {
+      y: 3048.3539,
+      x: 1524.0632,
+      label: []
+    }, {
+      y: 3060.5232,
+      x: 1551.4696,
+      label: []
+    }, {
+      y: 3072.6924,
+      x: 1578.8759,
+      label: []
+    }, {
+      y: 3084.8616,
+      x: 1606.2823,
+      label: []
+    }, {
+      y: 3097.0309,
+      x: 1633.6886,
+      label: []
+    }, {
+      y: 3109.2001,
+      x: 1661.0949,
+      label: []
+    }, {
+      y: 3133.5385,
+      x: 1715.9076,
+      label: []
+    }, {
+      y: 3145.7078,
+      x: 1743.314,
+      label: []
+    }, {
+      y: 3157.877,
+      x: 1770.7203,
+      label: []
+    }, {
+      y: 3170.0462,
+      x: 1798.1266,
+      label: []
+    }, {
+      y: 3182.1915,
+      x: 1825.5436,
+      label: []
+    }, {
+      y: 3206.4821,
+      x: 1880.3775,
+      label: []
+    }, {
+      y: 3218.6513,
+      x: 1907.7838,
+      label: []
+    }, {
+      y: 3242.9898,
+      x: 1962.5965,
+      label: []
+    }, {
+      y: 3303.8876,
+      x: 2098.6264,
+      label: []
+    }, {
+      y: 3316.0671,
+      x: 2125.8324,
+      label: []
+    }, {
+      y: 3328.2364,
+      x: 2153.2388,
+      label: []
+    }, {
+      y: 3340.4056,
+      x: 2180.6451,
+      label: []
+    }, {
+      y: 3352.5748,
+      x: 2208.0514,
+      label: []
+    }, {
+      y: 3364.744,
+      x: 2235.4578,
+      label: []
+    }, {
+      y: 3376.9133,
+      x: 2262.8641,
+      label: []
+    }, {
+      y: 3389.0825,
+      x: 2290.2705,
+      label: []
+    }, {
+      y: 3401.2517,
+      x: 2317.6768,
+      label: []
+    }, {
+      y: 3413.421,
+      x: 2345.0831,
+      label: []
+    }, {
+      y: 3425.5902,
+      x: 2372.4895,
+      label: []
+    }, {
+      y: 3437.7594,
+      x: 2399.8958,
+      label: []
+    }, {
+      y: 3449.9287,
+      x: 2427.3022,
+      label: []
+    }, {
+      y: 3462.0979,
+      x: 2454.7085,
+      label: []
+    }, {
+      y: 3472.1213,
+      x: 2477.2822,
+      label: []
+    }, {
+      y: 3474.2312,
+      x: 2482.1309,
+      label: []
+    }, {
+      y: 3484.8166,
+      x: 2510.1876,
+      label: []
+    }, {
+      y: 3493.0003,
+      x: 2539.0391,
+      label: []
+    }, {
+      y: 3498.72,
+      x: 2568.4657,
+      label: []
+    }, {
+      y: 3499.9842,
+      x: 2577.6599,
+      label: []
+    }, {
+      y: 3502.5335,
+      x: 2598.189,
+      label: []
+    }, {
+      y: 3506.2262,
+      x: 2627.9269,
+      label: []
+    }, {
+      y: 3509.919,
+      x: 2657.6648,
+      label: []
+    }, {
+      y: 3513.6118,
+      x: 2687.4026,
+      label: []
+    }, {
+      y: 3517.3045,
+      x: 2717.1405,
+      label: []
+    }, {
+      y: 3520.9973,
+      x: 2746.8784,
+      label: []
+    }, {
+      y: 3524.6901,
+      x: 2776.6163,
+      label: []
+    }, {
+      y: 3528.3828,
+      x: 2806.3542,
+      label: []
+    }, {
+      y: 3532.0756,
+      x: 2836.0921,
+      label: []
+    }, {
+      y: 3535.7684,
+      x: 2865.83,
+      label: []
+    }, {
+      y: 3539.4612,
+      x: 2895.5679,
+      label: []
+    }, {
+      y: 3543.1539,
+      x: 2925.3058,
+      label: []
+    }, {
+      y: 3546.8467,
+      x: 2955.0436,
+      label: []
+    }, {
+      y: 3550.5395,
+      x: 2984.7815,
+      label: []
+    }, {
+      y: 3554.2322,
+      x: 3014.5194,
+      label: []
+    }, {
+      y: 3557.925,
+      x: 3044.2573,
+      label: []
+    }, {
+      y: 3561.6178,
+      x: 3073.9952,
+      label: []
+    }, {
+      y: 3565.3105,
+      x: 3103.7331,
+      label: []
+    }, {
+      y: 3569.0033,
+      x: 3133.471,
+      label: []
+    }, {
+      y: 3572.6961,
+      x: 3163.2089,
+      label: []
+    }, {
+      y: 3576.3888,
+      x: 3192.9467,
+      label: []
+    }, {
+      y: 3580.0816,
+      x: 3222.6846,
+      label: []
+    }, {
+      y: 3583.7744,
+      x: 3252.4225,
+      label: []
+    }, {
+      y: 3587.4671,
+      x: 3282.1604,
+      label: []
+    }, {
+      y: 3591.1599,
+      x: 3311.8983,
+      label: []
+    }, {
+      y: 3594.8527,
+      x: 3341.6362,
+      label: []
+    }, {
+      y: 3598.5455,
+      x: 3371.3741,
+      label: []
+    }, {
+      y: 3599.9856,
+      x: 3382.9719,
+      label: []
+    }, {
+      y: 3602.2382,
+      x: 3401.112,
+      label: []
+    }, {
+      y: 3605.931,
+      x: 3430.8499,
+      label: []
+    }, {
+      y: 3609.6238,
+      x: 3460.5877,
+      label: []
+    }, {
+      y: 3613.3165,
+      x: 3490.3256,
+      label: []
+    }, {
+      y: 3617.0093,
+      x: 3520.0635,
+      label: []
+    }, {
+      y: 3620.7021,
+      x: 3549.8014,
+      label: []
+    }, {
+      y: 3624.3948,
+      x: 3579.5393,
+      label: []
+    }, {
+      y: 3628.0876,
+      x: 3609.2772,
+      label: []
+    }, {
+      y: 3631.7804,
+      x: 3639.0151,
+      label: []
+    }, {
+      y: 3635.4731,
+      x: 3668.753,
+      label: []
+    }, {
+      y: 3639.1659,
+      x: 3698.4909,
+      label: []
+    }, {
+      y: 3642.8587,
+      x: 3728.2287,
+      label: []
+    }, {
+      y: 3646.5514,
+      x: 3757.9666,
+      label: []
+    }, {
+      y: 3650.2442,
+      x: 3787.7045,
+      label: []
+    }, {
+      y: 3653.937,
+      x: 3817.4424,
+      label: []
+    }, {
+      y: 3657.6298,
+      x: 3847.1803,
+      label: []
+    }, {
+      y: 3661.3225,
+      x: 3876.9182,
+      label: []
+    }, {
+      y: 3665.0153,
+      x: 3906.6561,
+      label: []
+    }, {
+      y: 3668.7081,
+      x: 3936.394,
+      label: []
+    }, {
+      y: 3672.4008,
+      x: 3966.1318,
+      label: []
+    }, {
+      y: 3676.0936,
+      x: 3995.8697,
+      label: []
+    }, {
+      y: 3679.7864,
+      x: 4025.6076,
+      label: []
+    }, {
+      y: 3683.4791,
+      x: 4055.3455,
+      label: []
+    }, {
+      y: 3687.1719,
+      x: 4085.0834,
+      label: []
+    }, {
+      y: 3690.8647,
+      x: 4114.8213,
+      label: []
+    }, {
+      y: 3694.5574,
+      x: 4144.5592,
+      label: []
+    }, {
+      y: 3698.2502,
+      x: 4174.2971,
+      label: []
+    }, {
+      y: 3701.943,
+      x: 4204.035,
+      label: []
+    }, {
+      y: 3705.6357,
+      x: 4233.7728,
+      label: []
+    }, {
+      y: 3709.3285,
+      x: 4263.5107,
+      label: []
+    }, {
+      y: 3713.0213,
+      x: 4293.2486,
+      label: []
+    }, {
+      y: 3716.7141,
+      x: 4322.9865,
+      label: []
+    }, {
+      y: 3720.4068,
+      x: 4352.7244,
+      label: []
+    }, {
+      y: 3724.0996,
+      x: 4382.4623,
+      label: []
+    }, {
+      y: 3727.7924,
+      x: 4412.2002,
+      label: []
+    }, {
+      y: 3731.4851,
+      x: 4441.9381,
+      label: []
+    }, {
+      y: 3735.1779,
+      x: 4471.676,
+      label: []
+    }, {
+      y: 3738.8707,
+      x: 4501.4138,
+      label: []
+    }, {
+      y: 3742.5634,
+      x: 4531.1517,
+      label: []
+    }, {
+      y: 3746.2562,
+      x: 4560.8896,
+      label: []
+    }, {
+      y: 3749.949,
+      x: 4590.6275,
+      label: []
+    }, {
+      y: 3753.6417,
+      x: 4620.3654,
+      label: []
+    }, {
+      y: 3757.3345,
+      x: 4650.1033,
+      label: []
+    }, {
+      y: 3761.0273,
+      x: 4679.8412,
+      label: []
+    }, {
+      y: 3764.72,
+      x: 4709.5791,
+      label: []
+    }, {
+      y: 3768.4128,
+      x: 4739.3169,
+      label: []
+    }, {
+      y: 3772.1056,
+      x: 4769.0548,
+      label: []
+    }, {
+      y: 3775.7984,
+      x: 4798.7927,
+      label: []
+    }, {
+      y: 3779.4911,
+      x: 4828.5306,
+      label: []
+    }, {
+      y: 3783.1839,
+      x: 4858.2685,
+      label: []
+    }, {
+      y: 3786.8767,
+      x: 4888.0064,
+      label: []
+    }, {
+      y: 3790.5694,
+      x: 4917.7443,
+      label: []
+    }, {
+      y: 3794.2622,
+      x: 4947.4822,
+      label: []
+    }, {
+      y: 3797.955,
+      x: 4977.2201,
+      label: []
+    }, {
+      y: 3801.6477,
+      x: 5006.9579,
+      label: []
+    }, {
+      y: 3805.3405,
+      x: 5036.6958,
+      label: []
+    }, {
+      y: 3809.0333,
+      x: 5066.4337,
+      label: []
+    }, {
+      y: 3809.7189,
+      x: 5067.0389,
+      label: []
+    }, {
+      y: 3810.7189,
+      x: 5067.0389,
+      label: []
+    }],
+    wellOffset: [-3.4, 0.11]
+  }];
+  const handleLabelChange = event => {
+    const value = event.target.value;
+    setLabelInput(value);
+    setAnnotations(prev => prev.map((ann, index) => index === 0 ? {
+      ...ann,
+      label: value
+    } : ann));
+  };
+  const handleAddAnnotation = () => {
+    setAnnotations(prev => {
+      const nextIndex = prev.length;
+      const data = dataset1[0].data;
+      const baseX = data[nextIndex]?.x ?? data[data.length - 1].x;
+      const baseY = 100 + nextIndex * 10;
+      const newAnnotation = {
+        type: 'point',
+        labelOffsetPx: 50,
+        xValue: baseX,
+        yValue: baseY,
+        radius: 4,
+        color: 'rgba(128, 128, 128, 1)',
+        pointStyle: 'triangle',
+        label: \`annotation \${nextIndex + 1}\`,
+        labelConfig: {
+          position: 'right',
+          color: 'rgba(128, 128, 128, 1)',
+          callout: {
+            enabled: true
+          }
+        }
+      };
+      return [...prev, newAnnotation];
+    });
+  };
+  return <>
+      <div style={{
+      display: 'flex',
+      gap: 8,
+      marginBottom: 16,
+      alignItems: 'center'
+    }}>
+        <span>Label for first annotation:</span>
+        <input value={labelInput} onChange={handleLabelChange} style={{
+        padding: 4,
+        minWidth: 180
+      }} />
+        <button type="button" onClick={handleAddAnnotation}>
+          Add annotation
+        </button>
+      </div>
+
+      <LineChart chart={{
+      ...basicChart,
+      data: {
+        datasets: dataset1
+      },
+      options: {
+        ...basicChart.options,
+        legend: {
+          display: false
+        },
+        annotations: {
+          showAnnotations: true,
+          enableDragAnnotation: true,
+          enableCalloutAnnotation: true,
+          annotationsData: annotations
+        }
+      }
+    }} />
+    </>;
+}`,...g.parameters?.docs?.source}}};const _=[`PartialRangeWithSimilarValues`,`closeToValueInDifferentAxes`,`StressTest`,`DynamicCalloutAnnotations`];export{g as DynamicCalloutAnnotations,p as PartialRangeWithSimilarValues,h as StressTest,_ as __namedExportsOrder,m as closeToValueInDifferentAxes,f as default};