@chartts/core 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/area-type-B3CtuIIP.d.cts +9 -0
- package/dist/area-type-DmB6fTVf.d.ts +9 -0
- package/dist/area.cjs +34 -0
- package/dist/area.cjs.map +1 -0
- package/dist/area.d.cts +8 -0
- package/dist/area.d.ts +8 -0
- package/dist/area.js +13 -0
- package/dist/area.js.map +1 -0
- package/dist/bar-type-Bne_khsO.d.ts +5 -0
- package/dist/bar-type-CkI-kkrC.d.cts +5 -0
- package/dist/bar.cjs +34 -0
- package/dist/bar.cjs.map +1 -0
- package/dist/bar.d.cts +8 -0
- package/dist/bar.d.ts +8 -0
- package/dist/bar.js +13 -0
- package/dist/bar.js.map +1 -0
- package/dist/baseline-type-B1O4XHT3.d.ts +25 -0
- package/dist/baseline-type-BAPrZJ5W.d.cts +25 -0
- package/dist/baseline.cjs +32 -0
- package/dist/baseline.cjs.map +1 -0
- package/dist/baseline.d.cts +8 -0
- package/dist/baseline.d.ts +8 -0
- package/dist/baseline.js +11 -0
- package/dist/baseline.js.map +1 -0
- package/dist/boxplot-type-CEWf7p5X.d.ts +5 -0
- package/dist/boxplot-type-Da8_smoe.d.cts +5 -0
- package/dist/boxplot.cjs +33 -0
- package/dist/boxplot.cjs.map +1 -0
- package/dist/boxplot.d.cts +8 -0
- package/dist/boxplot.d.ts +8 -0
- package/dist/boxplot.js +12 -0
- package/dist/boxplot.js.map +1 -0
- package/dist/bubble-type-Dxb2JCKv.d.cts +9 -0
- package/dist/bubble-type-pru5MgB7.d.ts +9 -0
- package/dist/bubble.cjs +32 -0
- package/dist/bubble.cjs.map +1 -0
- package/dist/bubble.d.cts +8 -0
- package/dist/bubble.d.ts +8 -0
- package/dist/bubble.js +11 -0
- package/dist/bubble.js.map +1 -0
- package/dist/bullet-type-CPEYkEvt.d.ts +15 -0
- package/dist/bullet-type-khCmwFqH.d.cts +15 -0
- package/dist/bullet.cjs +33 -0
- package/dist/bullet.cjs.map +1 -0
- package/dist/bullet.d.cts +8 -0
- package/dist/bullet.d.ts +8 -0
- package/dist/bullet.js +12 -0
- package/dist/bullet.js.map +1 -0
- package/dist/calendar-type-Br5mpdea.d.cts +15 -0
- package/dist/calendar-type-yJWPY6qT.d.ts +15 -0
- package/dist/calendar.cjs +33 -0
- package/dist/calendar.cjs.map +1 -0
- package/dist/calendar.d.cts +8 -0
- package/dist/calendar.d.ts +8 -0
- package/dist/calendar.js +12 -0
- package/dist/calendar.js.map +1 -0
- package/dist/candlestick-type-CazXUb77.d.cts +22 -0
- package/dist/candlestick-type-CtLZy_uC.d.ts +22 -0
- package/dist/candlestick.cjs +33 -0
- package/dist/candlestick.cjs.map +1 -0
- package/dist/candlestick.d.cts +8 -0
- package/dist/candlestick.d.ts +8 -0
- package/dist/candlestick.js +12 -0
- package/dist/candlestick.js.map +1 -0
- package/dist/chord-type-ChIZaOZd.d.cts +5 -0
- package/dist/chord-type-ruvHboZl.d.ts +5 -0
- package/dist/chord.cjs +33 -0
- package/dist/chord.cjs.map +1 -0
- package/dist/chord.d.cts +8 -0
- package/dist/chord.d.ts +8 -0
- package/dist/chord.js +12 -0
- package/dist/chord.js.map +1 -0
- package/dist/chunk-22LR6CFM.js +176 -0
- package/dist/chunk-22LR6CFM.js.map +1 -0
- package/dist/chunk-2TWYS3BT.cjs +199 -0
- package/dist/chunk-2TWYS3BT.cjs.map +1 -0
- package/dist/chunk-3BRQGYDX.js +4859 -0
- package/dist/chunk-3BRQGYDX.js.map +1 -0
- package/dist/chunk-3TTTELGB.cjs +146 -0
- package/dist/chunk-3TTTELGB.cjs.map +1 -0
- package/dist/chunk-3XVGEBR4.js +17 -0
- package/dist/chunk-3XVGEBR4.js.map +1 -0
- package/dist/chunk-4HK4RM3X.cjs +128 -0
- package/dist/chunk-4HK4RM3X.cjs.map +1 -0
- package/dist/chunk-4VG47RLS.js +130 -0
- package/dist/chunk-4VG47RLS.js.map +1 -0
- package/dist/chunk-4YJPBUX2.cjs +68 -0
- package/dist/chunk-4YJPBUX2.cjs.map +1 -0
- package/dist/chunk-5QOQR5FE.cjs +19 -0
- package/dist/chunk-5QOQR5FE.cjs.map +1 -0
- package/dist/chunk-66HSJRRH.js +112 -0
- package/dist/chunk-66HSJRRH.js.map +1 -0
- package/dist/chunk-6KNBJ4CE.js +144 -0
- package/dist/chunk-6KNBJ4CE.js.map +1 -0
- package/dist/chunk-6LKN3HRX.js +79 -0
- package/dist/chunk-6LKN3HRX.js.map +1 -0
- package/dist/chunk-6N66T7VQ.js +103 -0
- package/dist/chunk-6N66T7VQ.js.map +1 -0
- package/dist/chunk-6YKFTEX4.js +336 -0
- package/dist/chunk-6YKFTEX4.js.map +1 -0
- package/dist/chunk-7CGXK7KT.js +124 -0
- package/dist/chunk-7CGXK7KT.js.map +1 -0
- package/dist/chunk-7HDAYWK3.cjs +358 -0
- package/dist/chunk-7HDAYWK3.cjs.map +1 -0
- package/dist/chunk-7SEHTEMR.js +91 -0
- package/dist/chunk-7SEHTEMR.js.map +1 -0
- package/dist/chunk-7YV56WPE.js +157 -0
- package/dist/chunk-7YV56WPE.js.map +1 -0
- package/dist/chunk-B54L2CPW.cjs +165 -0
- package/dist/chunk-B54L2CPW.cjs.map +1 -0
- package/dist/chunk-BC6KW2OG.js +197 -0
- package/dist/chunk-BC6KW2OG.js.map +1 -0
- package/dist/chunk-BEYG2HQ4.cjs +178 -0
- package/dist/chunk-BEYG2HQ4.cjs.map +1 -0
- package/dist/chunk-BR3KTAGW.js +113 -0
- package/dist/chunk-BR3KTAGW.js.map +1 -0
- package/dist/chunk-BRSHEDTZ.js +30 -0
- package/dist/chunk-BRSHEDTZ.js.map +1 -0
- package/dist/chunk-BXX2EPFE.cjs +160 -0
- package/dist/chunk-BXX2EPFE.cjs.map +1 -0
- package/dist/chunk-BYXRFTEI.cjs +114 -0
- package/dist/chunk-BYXRFTEI.cjs.map +1 -0
- package/dist/chunk-CMEXNS5V.js +158 -0
- package/dist/chunk-CMEXNS5V.js.map +1 -0
- package/dist/chunk-D2SV6YT3.js +47 -0
- package/dist/chunk-D2SV6YT3.js.map +1 -0
- package/dist/chunk-DL7P72FA.cjs +273 -0
- package/dist/chunk-DL7P72FA.cjs.map +1 -0
- package/dist/chunk-DNQ6N3VG.js +208 -0
- package/dist/chunk-DNQ6N3VG.js.map +1 -0
- package/dist/chunk-E2S7RAT2.js +126 -0
- package/dist/chunk-E2S7RAT2.js.map +1 -0
- package/dist/chunk-E6PR75X7.js +15 -0
- package/dist/chunk-E6PR75X7.js.map +1 -0
- package/dist/chunk-EGQ4JCFU.cjs +109 -0
- package/dist/chunk-EGQ4JCFU.cjs.map +1 -0
- package/dist/chunk-ETPZGEL7.cjs +105 -0
- package/dist/chunk-ETPZGEL7.cjs.map +1 -0
- package/dist/chunk-FFJ6BVEY.cjs +132 -0
- package/dist/chunk-FFJ6BVEY.cjs.map +1 -0
- package/dist/chunk-FKYNRMPX.js +133 -0
- package/dist/chunk-FKYNRMPX.js.map +1 -0
- package/dist/chunk-FRWC6GUR.cjs +126 -0
- package/dist/chunk-FRWC6GUR.cjs.map +1 -0
- package/dist/chunk-FUZFNUCJ.js +104 -0
- package/dist/chunk-FUZFNUCJ.js.map +1 -0
- package/dist/chunk-GM3ZO5WV.js +13 -0
- package/dist/chunk-GM3ZO5WV.js.map +1 -0
- package/dist/chunk-GNRRK7TZ.cjs +149 -0
- package/dist/chunk-GNRRK7TZ.cjs.map +1 -0
- package/dist/chunk-H2AE7JMU.js +128 -0
- package/dist/chunk-H2AE7JMU.js.map +1 -0
- package/dist/chunk-H4RNJ7FK.cjs +115 -0
- package/dist/chunk-H4RNJ7FK.cjs.map +1 -0
- package/dist/chunk-HB4EGHJ7.cjs +153 -0
- package/dist/chunk-HB4EGHJ7.cjs.map +1 -0
- package/dist/chunk-HDWWUEPD.js +122 -0
- package/dist/chunk-HDWWUEPD.js.map +1 -0
- package/dist/chunk-HOOOCSU4.js +216 -0
- package/dist/chunk-HOOOCSU4.js.map +1 -0
- package/dist/chunk-J6NPRKT4.cjs +49 -0
- package/dist/chunk-J6NPRKT4.cjs.map +1 -0
- package/dist/chunk-JO6U4YR4.js +355 -0
- package/dist/chunk-JO6U4YR4.js.map +1 -0
- package/dist/chunk-KE7ILTM4.cjs +162 -0
- package/dist/chunk-KE7ILTM4.cjs.map +1 -0
- package/dist/chunk-KSRROKYC.cjs +135 -0
- package/dist/chunk-KSRROKYC.cjs.map +1 -0
- package/dist/chunk-KVI6DN3R.js +147 -0
- package/dist/chunk-KVI6DN3R.js.map +1 -0
- package/dist/chunk-L54BZYAI.cjs +111 -0
- package/dist/chunk-L54BZYAI.cjs.map +1 -0
- package/dist/chunk-LB4MV5CG.js +109 -0
- package/dist/chunk-LB4MV5CG.js.map +1 -0
- package/dist/chunk-LEJGLR2P.cjs +106 -0
- package/dist/chunk-LEJGLR2P.cjs.map +1 -0
- package/dist/chunk-LU35QDPN.cjs +30 -0
- package/dist/chunk-LU35QDPN.cjs.map +1 -0
- package/dist/chunk-LUTU4WW3.js +151 -0
- package/dist/chunk-LUTU4WW3.js.map +1 -0
- package/dist/chunk-M4AQD6WX.cjs +220 -0
- package/dist/chunk-M4AQD6WX.cjs.map +1 -0
- package/dist/chunk-M4UST3UU.cjs +159 -0
- package/dist/chunk-M4UST3UU.cjs.map +1 -0
- package/dist/chunk-MLD5ZIDO.cjs +359 -0
- package/dist/chunk-MLD5ZIDO.cjs.map +1 -0
- package/dist/chunk-MLX3EO2C.js +107 -0
- package/dist/chunk-MLX3EO2C.js.map +1 -0
- package/dist/chunk-MVWERW4G.cjs +28 -0
- package/dist/chunk-MVWERW4G.cjs.map +1 -0
- package/dist/chunk-MYPCA25Y.cjs +115 -0
- package/dist/chunk-MYPCA25Y.cjs.map +1 -0
- package/dist/chunk-N6IVODRJ.js +114 -0
- package/dist/chunk-N6IVODRJ.js.map +1 -0
- package/dist/chunk-NFD6VAVM.js +155 -0
- package/dist/chunk-NFD6VAVM.js.map +1 -0
- package/dist/chunk-NHGKZMD7.cjs +18 -0
- package/dist/chunk-NHGKZMD7.cjs.map +1 -0
- package/dist/chunk-NMLDPXOL.js +167 -0
- package/dist/chunk-NMLDPXOL.js.map +1 -0
- package/dist/chunk-NONU7KUN.cjs +32 -0
- package/dist/chunk-NONU7KUN.cjs.map +1 -0
- package/dist/chunk-NQSC7CKN.js +130 -0
- package/dist/chunk-NQSC7CKN.js.map +1 -0
- package/dist/chunk-NYVFC2SF.js +87 -0
- package/dist/chunk-NYVFC2SF.js.map +1 -0
- package/dist/chunk-O5KGKQSU.js +218 -0
- package/dist/chunk-O5KGKQSU.js.map +1 -0
- package/dist/chunk-OGSZO22B.js +26 -0
- package/dist/chunk-OGSZO22B.js.map +1 -0
- package/dist/chunk-Q2BDB5ZA.cjs +218 -0
- package/dist/chunk-Q2BDB5ZA.cjs.map +1 -0
- package/dist/chunk-Q6U5D2ZB.cjs +210 -0
- package/dist/chunk-Q6U5D2ZB.cjs.map +1 -0
- package/dist/chunk-QAYX6XN3.js +26 -0
- package/dist/chunk-QAYX6XN3.js.map +1 -0
- package/dist/chunk-QHJHYV3H.cjs +15 -0
- package/dist/chunk-QHJHYV3H.cjs.map +1 -0
- package/dist/chunk-QIJZZOX7.js +249 -0
- package/dist/chunk-QIJZZOX7.js.map +1 -0
- package/dist/chunk-QLRK46YY.cjs +93 -0
- package/dist/chunk-QLRK46YY.cjs.map +1 -0
- package/dist/chunk-QZ4ZYTP6.js +124 -0
- package/dist/chunk-QZ4ZYTP6.js.map +1 -0
- package/dist/chunk-RCVRZCCC.cjs +156 -0
- package/dist/chunk-RCVRZCCC.cjs.map +1 -0
- package/dist/chunk-ROYZ7W4M.cjs +81 -0
- package/dist/chunk-ROYZ7W4M.cjs.map +1 -0
- package/dist/chunk-SJS4ISBA.js +163 -0
- package/dist/chunk-SJS4ISBA.js.map +1 -0
- package/dist/chunk-SKVCPG5R.cjs +124 -0
- package/dist/chunk-SKVCPG5R.cjs.map +1 -0
- package/dist/chunk-SQJAKZ4W.js +113 -0
- package/dist/chunk-SQJAKZ4W.js.map +1 -0
- package/dist/chunk-SUNC3CPV.js +79 -0
- package/dist/chunk-SUNC3CPV.js.map +1 -0
- package/dist/chunk-SWYCVF46.js +145 -0
- package/dist/chunk-SWYCVF46.js.map +1 -0
- package/dist/chunk-SZVK6RRQ.js +98 -0
- package/dist/chunk-SZVK6RRQ.js.map +1 -0
- package/dist/chunk-TOS2RYHQ.js +154 -0
- package/dist/chunk-TOS2RYHQ.js.map +1 -0
- package/dist/chunk-TTOX27BZ.cjs +116 -0
- package/dist/chunk-TTOX27BZ.cjs.map +1 -0
- package/dist/chunk-TW6KPQIS.js +160 -0
- package/dist/chunk-TW6KPQIS.js.map +1 -0
- package/dist/chunk-UN7K3YQG.cjs +81 -0
- package/dist/chunk-UN7K3YQG.cjs.map +1 -0
- package/dist/chunk-UQBDGCS6.cjs +89 -0
- package/dist/chunk-UQBDGCS6.cjs.map +1 -0
- package/dist/chunk-VPI7UGB3.cjs +130 -0
- package/dist/chunk-VPI7UGB3.cjs.map +1 -0
- package/dist/chunk-X2JNB5UN.js +271 -0
- package/dist/chunk-X2JNB5UN.js.map +1 -0
- package/dist/chunk-XBIM73HV.cjs +126 -0
- package/dist/chunk-XBIM73HV.cjs.map +1 -0
- package/dist/chunk-XHQWWR5M.cjs +4892 -0
- package/dist/chunk-XHQWWR5M.cjs.map +1 -0
- package/dist/chunk-Y2JZHX3P.cjs +169 -0
- package/dist/chunk-Y2JZHX3P.cjs.map +1 -0
- package/dist/chunk-Y4P4VY7A.cjs +251 -0
- package/dist/chunk-Y4P4VY7A.cjs.map +1 -0
- package/dist/chunk-Y54XVNXB.cjs +157 -0
- package/dist/chunk-Y54XVNXB.cjs.map +1 -0
- package/dist/chunk-Z6E3XVP2.cjs +132 -0
- package/dist/chunk-Z6E3XVP2.cjs.map +1 -0
- package/dist/chunk-ZDYCIP6N.cjs +100 -0
- package/dist/chunk-ZDYCIP6N.cjs.map +1 -0
- package/dist/chunk-ZDZQG3GH.cjs +148 -0
- package/dist/chunk-ZDZQG3GH.cjs.map +1 -0
- package/dist/chunk-ZL25X5WW.js +66 -0
- package/dist/chunk-ZL25X5WW.js.map +1 -0
- package/dist/combo-type-BdSohVyy.d.ts +16 -0
- package/dist/combo-type-wodyLq1f.d.cts +16 -0
- package/dist/combo.cjs +34 -0
- package/dist/combo.cjs.map +1 -0
- package/dist/combo.d.cts +8 -0
- package/dist/combo.d.ts +8 -0
- package/dist/combo.js +13 -0
- package/dist/combo.js.map +1 -0
- package/dist/custom-type-B6w1n5Ua.d.cts +23 -0
- package/dist/custom-type-XFjuPwCr.d.ts +23 -0
- package/dist/custom.cjs +33 -0
- package/dist/custom.cjs.map +1 -0
- package/dist/custom.d.cts +8 -0
- package/dist/custom.d.ts +8 -0
- package/dist/custom.js +12 -0
- package/dist/custom.js.map +1 -0
- package/dist/donut.cjs +33 -0
- package/dist/donut.cjs.map +1 -0
- package/dist/donut.d.cts +8 -0
- package/dist/donut.d.ts +8 -0
- package/dist/donut.js +12 -0
- package/dist/donut.js.map +1 -0
- package/dist/dumbbell-type-DPSE0OTg.d.ts +12 -0
- package/dist/dumbbell-type-w424KzI2.d.cts +12 -0
- package/dist/dumbbell.cjs +34 -0
- package/dist/dumbbell.cjs.map +1 -0
- package/dist/dumbbell.d.cts +8 -0
- package/dist/dumbbell.d.ts +8 -0
- package/dist/dumbbell.js +13 -0
- package/dist/dumbbell.js.map +1 -0
- package/dist/engine-CNukbv7k.d.cts +426 -0
- package/dist/engine-CNukbv7k.d.ts +426 -0
- package/dist/factory-dbngWV4d.d.cts +8 -0
- package/dist/factory-jRzNNxwj.d.ts +8 -0
- package/dist/finance.cjs +92 -0
- package/dist/finance.cjs.map +1 -0
- package/dist/finance.d.cts +192 -0
- package/dist/finance.d.ts +192 -0
- package/dist/finance.js +3 -0
- package/dist/finance.js.map +1 -0
- package/dist/funnel-type-BeVl3ohX.d.cts +9 -0
- package/dist/funnel-type-CMXGQq4T.d.ts +9 -0
- package/dist/funnel.cjs +33 -0
- package/dist/funnel.cjs.map +1 -0
- package/dist/funnel.d.cts +8 -0
- package/dist/funnel.d.ts +8 -0
- package/dist/funnel.js +12 -0
- package/dist/funnel.js.map +1 -0
- package/dist/gauge-type-BpDBwCeD.d.ts +11 -0
- package/dist/gauge-type-DmjDdfsY.d.cts +11 -0
- package/dist/gauge.cjs +33 -0
- package/dist/gauge.cjs.map +1 -0
- package/dist/gauge.d.cts +8 -0
- package/dist/gauge.d.ts +8 -0
- package/dist/gauge.js +12 -0
- package/dist/gauge.js.map +1 -0
- package/dist/geo.cjs +41 -0
- package/dist/geo.cjs.map +1 -0
- package/dist/geo.d.cts +8 -0
- package/dist/geo.d.ts +8 -0
- package/dist/geo.js +12 -0
- package/dist/geo.js.map +1 -0
- package/dist/graph-type-DkdAB6Vc.d.cts +5 -0
- package/dist/graph-type-ul9xwdf5.d.ts +5 -0
- package/dist/graph.cjs +33 -0
- package/dist/graph.cjs.map +1 -0
- package/dist/graph.d.cts +8 -0
- package/dist/graph.d.ts +8 -0
- package/dist/graph.js +12 -0
- package/dist/graph.js.map +1 -0
- package/dist/heatmap-type-D0shkxK7.d.cts +12 -0
- package/dist/heatmap-type-q6nNhVTr.d.ts +12 -0
- package/dist/heatmap.cjs +33 -0
- package/dist/heatmap.cjs.map +1 -0
- package/dist/heatmap.d.cts +8 -0
- package/dist/heatmap.d.ts +8 -0
- package/dist/heatmap.js +12 -0
- package/dist/heatmap.js.map +1 -0
- package/dist/histogram-type-BWil-Rb7.d.cts +13 -0
- package/dist/histogram-type-CF593WSp.d.ts +13 -0
- package/dist/histogram.cjs +33 -0
- package/dist/histogram.cjs.map +1 -0
- package/dist/histogram.d.cts +8 -0
- package/dist/histogram.d.ts +8 -0
- package/dist/histogram.js +12 -0
- package/dist/histogram.js.map +1 -0
- package/dist/horizontal-bar-type-0mqnyMUR.d.cts +11 -0
- package/dist/horizontal-bar-type-DAlrxY0h.d.ts +11 -0
- package/dist/horizontal-bar.cjs +34 -0
- package/dist/horizontal-bar.cjs.map +1 -0
- package/dist/horizontal-bar.d.cts +8 -0
- package/dist/horizontal-bar.d.ts +8 -0
- package/dist/horizontal-bar.js +13 -0
- package/dist/horizontal-bar.js.map +1 -0
- package/dist/index.cjs +1604 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +594 -0
- package/dist/index.d.ts +594 -0
- package/dist/index.js +1201 -0
- package/dist/index.js.map +1 -0
- package/dist/kagi-type-Y5XUVm3h.d.ts +26 -0
- package/dist/kagi-type-aG-Q1bWk.d.cts +26 -0
- package/dist/kagi.cjs +33 -0
- package/dist/kagi.cjs.map +1 -0
- package/dist/kagi.d.cts +8 -0
- package/dist/kagi.d.ts +8 -0
- package/dist/kagi.js +12 -0
- package/dist/kagi.js.map +1 -0
- package/dist/line-type-B8lgTFjb.d.cts +5 -0
- package/dist/line-type-Diw0nXj7.d.ts +5 -0
- package/dist/line.cjs +33 -0
- package/dist/line.cjs.map +1 -0
- package/dist/line.d.cts +8 -0
- package/dist/line.d.ts +8 -0
- package/dist/line.js +12 -0
- package/dist/line.js.map +1 -0
- package/dist/lines-type-CGrg_mDi.d.cts +31 -0
- package/dist/lines-type-V-seVNZ4.d.ts +31 -0
- package/dist/lines.cjs +33 -0
- package/dist/lines.cjs.map +1 -0
- package/dist/lines.d.cts +8 -0
- package/dist/lines.d.ts +8 -0
- package/dist/lines.js +12 -0
- package/dist/lines.js.map +1 -0
- package/dist/lollipop-type-CoTzKLSu.d.cts +11 -0
- package/dist/lollipop-type-Ygc4rRql.d.ts +11 -0
- package/dist/lollipop.cjs +33 -0
- package/dist/lollipop.cjs.map +1 -0
- package/dist/lollipop.d.cts +8 -0
- package/dist/lollipop.d.ts +8 -0
- package/dist/lollipop.js +12 -0
- package/dist/lollipop.js.map +1 -0
- package/dist/matrix-type-Crb_NwUJ.d.cts +26 -0
- package/dist/matrix-type-Dag1VLCY.d.ts +26 -0
- package/dist/matrix.cjs +33 -0
- package/dist/matrix.cjs.map +1 -0
- package/dist/matrix.d.cts +8 -0
- package/dist/matrix.d.ts +8 -0
- package/dist/matrix.js +12 -0
- package/dist/matrix.js.map +1 -0
- package/dist/ohlc-type-BQBHvVJO.d.cts +28 -0
- package/dist/ohlc-type-CGR-vRGL.d.ts +28 -0
- package/dist/ohlc.cjs +33 -0
- package/dist/ohlc.cjs.map +1 -0
- package/dist/ohlc.d.cts +8 -0
- package/dist/ohlc.d.ts +8 -0
- package/dist/ohlc.js +12 -0
- package/dist/ohlc.js.map +1 -0
- package/dist/parallel-type-6t6xyHMg.d.ts +14 -0
- package/dist/parallel-type-D-S-EqeC.d.cts +14 -0
- package/dist/parallel.cjs +33 -0
- package/dist/parallel.cjs.map +1 -0
- package/dist/parallel.d.cts +8 -0
- package/dist/parallel.d.ts +8 -0
- package/dist/parallel.js +12 -0
- package/dist/parallel.js.map +1 -0
- package/dist/pictorialbar-type-A-8mTX1N.d.ts +5 -0
- package/dist/pictorialbar-type-CnJEH9GZ.d.cts +5 -0
- package/dist/pictorialbar.cjs +33 -0
- package/dist/pictorialbar.cjs.map +1 -0
- package/dist/pictorialbar.d.cts +8 -0
- package/dist/pictorialbar.d.ts +8 -0
- package/dist/pictorialbar.js +12 -0
- package/dist/pictorialbar.js.map +1 -0
- package/dist/pie-type-S7kUKGRS.d.ts +7 -0
- package/dist/pie-type-duX5xkfQ.d.cts +7 -0
- package/dist/pie.cjs +33 -0
- package/dist/pie.cjs.map +1 -0
- package/dist/pie.d.cts +8 -0
- package/dist/pie.d.ts +8 -0
- package/dist/pie.js +12 -0
- package/dist/pie.js.map +1 -0
- package/dist/polar-type-CI6-I8Yg.d.cts +11 -0
- package/dist/polar-type-Dj21GIc9.d.ts +11 -0
- package/dist/polar.cjs +33 -0
- package/dist/polar.cjs.map +1 -0
- package/dist/polar.d.cts +8 -0
- package/dist/polar.d.ts +8 -0
- package/dist/polar.js +12 -0
- package/dist/polar.js.map +1 -0
- package/dist/radar-type-CYjZHuKm.d.ts +9 -0
- package/dist/radar-type-Dgyr13Zd.d.cts +9 -0
- package/dist/radar.cjs +33 -0
- package/dist/radar.cjs.map +1 -0
- package/dist/radar.d.cts +8 -0
- package/dist/radar.d.ts +8 -0
- package/dist/radar.js +12 -0
- package/dist/radar.js.map +1 -0
- package/dist/radialbar-type-CLZ8XgST.d.ts +11 -0
- package/dist/radialbar-type-C_SBXoaa.d.cts +11 -0
- package/dist/radialbar.cjs +33 -0
- package/dist/radialbar.cjs.map +1 -0
- package/dist/radialbar.d.cts +8 -0
- package/dist/radialbar.d.ts +8 -0
- package/dist/radialbar.js +12 -0
- package/dist/radialbar.js.map +1 -0
- package/dist/range-type-CkriEnLm.d.cts +26 -0
- package/dist/range-type-_LbMV4tl.d.ts +26 -0
- package/dist/range.cjs +32 -0
- package/dist/range.cjs.map +1 -0
- package/dist/range.d.cts +8 -0
- package/dist/range.d.ts +8 -0
- package/dist/range.js +11 -0
- package/dist/range.js.map +1 -0
- package/dist/renko-type-43OXCtZ3.d.cts +24 -0
- package/dist/renko-type-ejoXt2ro.d.ts +24 -0
- package/dist/renko.cjs +33 -0
- package/dist/renko.cjs.map +1 -0
- package/dist/renko.d.cts +8 -0
- package/dist/renko.d.ts +8 -0
- package/dist/renko.js +12 -0
- package/dist/renko.js.map +1 -0
- package/dist/sankey-type-CN7PL5MQ.d.ts +5 -0
- package/dist/sankey-type-DfkTUnXB.d.cts +5 -0
- package/dist/sankey.cjs +33 -0
- package/dist/sankey.cjs.map +1 -0
- package/dist/sankey.d.cts +8 -0
- package/dist/sankey.d.ts +8 -0
- package/dist/sankey.js +12 -0
- package/dist/sankey.js.map +1 -0
- package/dist/scatter-type-CD7X1pZb.d.cts +5 -0
- package/dist/scatter-type-D3HdPkZ6.d.ts +5 -0
- package/dist/scatter.cjs +32 -0
- package/dist/scatter.cjs.map +1 -0
- package/dist/scatter.d.cts +8 -0
- package/dist/scatter.d.ts +8 -0
- package/dist/scatter.js +11 -0
- package/dist/scatter.js.map +1 -0
- package/dist/sparkline-type-COW3izgF.d.ts +9 -0
- package/dist/sparkline-type-qt3yoLs7.d.cts +9 -0
- package/dist/sparkline.cjs +33 -0
- package/dist/sparkline.cjs.map +1 -0
- package/dist/sparkline.d.cts +8 -0
- package/dist/sparkline.d.ts +8 -0
- package/dist/sparkline.js +12 -0
- package/dist/sparkline.js.map +1 -0
- package/dist/stacked-bar-type-C-5pmb-D.d.ts +8 -0
- package/dist/stacked-bar-type-Ct6HK2A0.d.cts +8 -0
- package/dist/stacked-bar.cjs +34 -0
- package/dist/stacked-bar.cjs.map +1 -0
- package/dist/stacked-bar.d.cts +8 -0
- package/dist/stacked-bar.d.ts +8 -0
- package/dist/stacked-bar.js +13 -0
- package/dist/stacked-bar.js.map +1 -0
- package/dist/step-type-BSL-CUny.d.cts +11 -0
- package/dist/step-type-Cleoshov.d.ts +11 -0
- package/dist/step.cjs +34 -0
- package/dist/step.cjs.map +1 -0
- package/dist/step.d.cts +8 -0
- package/dist/step.d.ts +8 -0
- package/dist/step.js +13 -0
- package/dist/step.js.map +1 -0
- package/dist/sunburst-type-BOztb_Px.d.cts +5 -0
- package/dist/sunburst-type-ZFw2w6m8.d.ts +5 -0
- package/dist/sunburst.cjs +33 -0
- package/dist/sunburst.cjs.map +1 -0
- package/dist/sunburst.d.cts +8 -0
- package/dist/sunburst.d.ts +8 -0
- package/dist/sunburst.js +12 -0
- package/dist/sunburst.js.map +1 -0
- package/dist/themeriver-type-B5PYChcC.d.ts +15 -0
- package/dist/themeriver-type-BnRSsyal.d.cts +15 -0
- package/dist/themeriver.cjs +33 -0
- package/dist/themeriver.cjs.map +1 -0
- package/dist/themeriver.d.cts +8 -0
- package/dist/themeriver.d.ts +8 -0
- package/dist/themeriver.js +12 -0
- package/dist/themeriver.js.map +1 -0
- package/dist/tree-type-B-bOSg0l.d.ts +5 -0
- package/dist/tree-type-Cz84wHnR.d.cts +5 -0
- package/dist/tree.cjs +33 -0
- package/dist/tree.cjs.map +1 -0
- package/dist/tree.d.cts +8 -0
- package/dist/tree.d.ts +8 -0
- package/dist/tree.js +12 -0
- package/dist/tree.js.map +1 -0
- package/dist/treemap-type-DYDj-rWv.d.ts +11 -0
- package/dist/treemap-type-OBCGexiK.d.cts +11 -0
- package/dist/treemap.cjs +33 -0
- package/dist/treemap.cjs.map +1 -0
- package/dist/treemap.d.cts +8 -0
- package/dist/treemap.d.ts +8 -0
- package/dist/treemap.js +12 -0
- package/dist/treemap.js.map +1 -0
- package/dist/volume-type-C9wRmKR6.d.ts +21 -0
- package/dist/volume-type-CfERBN5g.d.cts +21 -0
- package/dist/volume.cjs +33 -0
- package/dist/volume.cjs.map +1 -0
- package/dist/volume.d.cts +8 -0
- package/dist/volume.d.ts +8 -0
- package/dist/volume.js +12 -0
- package/dist/volume.js.map +1 -0
- package/dist/waterfall-type-CpdVtBi_.d.ts +10 -0
- package/dist/waterfall-type-hm5ylGgW.d.cts +10 -0
- package/dist/waterfall.cjs +33 -0
- package/dist/waterfall.cjs.map +1 -0
- package/dist/waterfall.d.cts +8 -0
- package/dist/waterfall.d.ts +8 -0
- package/dist/waterfall.js +12 -0
- package/dist/waterfall.js.map +1 -0
- package/dist/world-regions-Cfvxpbx0.d.ts +50 -0
- package/dist/world-regions-cMulhqDW.d.cts +50 -0
- package/package.json +262 -0
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { createHorizontalMapper } from './chunk-E6PR75X7.js';
|
|
2
|
+
import { prepareNoAxes } from './chunk-3XVGEBR4.js';
|
|
3
|
+
import { text, line, circle, group } from './chunk-3BRQGYDX.js';
|
|
4
|
+
|
|
5
|
+
// src/charts/dumbbell/dumbbell-type.ts
|
|
6
|
+
var dumbbellChartType = {
|
|
7
|
+
type: "dumbbell",
|
|
8
|
+
getScaleTypes() {
|
|
9
|
+
return { x: "categorical", y: "linear" };
|
|
10
|
+
},
|
|
11
|
+
prepareData(data, options) {
|
|
12
|
+
return prepareNoAxes(data, options);
|
|
13
|
+
},
|
|
14
|
+
render(ctx) {
|
|
15
|
+
const { data, area, theme, options, yScale } = ctx;
|
|
16
|
+
const nodes = [];
|
|
17
|
+
if (data.series.length < 2) return nodes;
|
|
18
|
+
const s1 = data.series[0];
|
|
19
|
+
const s2 = data.series[1];
|
|
20
|
+
const count = Math.min(s1.values.length, s2.values.length);
|
|
21
|
+
if (count === 0) return nodes;
|
|
22
|
+
const labelWidth = Math.min(80, area.width * 0.2);
|
|
23
|
+
const chartX = area.x + labelWidth;
|
|
24
|
+
const chartW = area.width - labelWidth;
|
|
25
|
+
const rowHeight = area.height / count;
|
|
26
|
+
const dotR = Math.min(6, rowHeight * 0.2);
|
|
27
|
+
const color1 = options.colors[0];
|
|
28
|
+
const color2 = options.colors[1 % options.colors.length];
|
|
29
|
+
const valueToX = createHorizontalMapper(yScale, area, chartX, chartW);
|
|
30
|
+
for (let i = 0; i < count; i++) {
|
|
31
|
+
const cy = area.y + rowHeight * (i + 0.5);
|
|
32
|
+
const v1 = s1.values[i];
|
|
33
|
+
const v2 = s2.values[i];
|
|
34
|
+
const x1 = valueToX(v1);
|
|
35
|
+
const x2 = valueToX(v2);
|
|
36
|
+
const label = String(data.labels[i] ?? `Item ${i + 1}`);
|
|
37
|
+
const rowNodes = [];
|
|
38
|
+
rowNodes.push(text(area.x + labelWidth - 8, cy, label, {
|
|
39
|
+
class: "chartts-dumbbell-label",
|
|
40
|
+
fill: theme.textMuted,
|
|
41
|
+
textAnchor: "end",
|
|
42
|
+
dominantBaseline: "central",
|
|
43
|
+
fontSize: theme.fontSizeSmall,
|
|
44
|
+
fontFamily: theme.fontFamily
|
|
45
|
+
}));
|
|
46
|
+
rowNodes.push(line(x1, cy, x2, cy, {
|
|
47
|
+
class: "chartts-dumbbell-connector",
|
|
48
|
+
stroke: theme.gridColor,
|
|
49
|
+
strokeWidth: 2
|
|
50
|
+
}));
|
|
51
|
+
rowNodes.push(circle(x1, cy, dotR, {
|
|
52
|
+
class: "chartts-dumbbell-dot",
|
|
53
|
+
fill: color1,
|
|
54
|
+
stroke: "#fff",
|
|
55
|
+
strokeWidth: 1.5,
|
|
56
|
+
"data-series": 0,
|
|
57
|
+
"data-index": i,
|
|
58
|
+
tabindex: 0,
|
|
59
|
+
role: "img",
|
|
60
|
+
ariaLabel: `${label} \u2014 ${s1.name}: ${v1}`
|
|
61
|
+
}));
|
|
62
|
+
rowNodes.push(circle(x2, cy, dotR, {
|
|
63
|
+
class: "chartts-dumbbell-dot",
|
|
64
|
+
fill: color2,
|
|
65
|
+
stroke: "#fff",
|
|
66
|
+
strokeWidth: 1.5,
|
|
67
|
+
"data-series": 1,
|
|
68
|
+
"data-index": i,
|
|
69
|
+
tabindex: 0,
|
|
70
|
+
role: "img",
|
|
71
|
+
ariaLabel: `${label} \u2014 ${s2.name}: ${v2}`
|
|
72
|
+
}));
|
|
73
|
+
nodes.push(group(rowNodes, {
|
|
74
|
+
class: `chartts-series chartts-series-${i}`,
|
|
75
|
+
"data-series-name": label
|
|
76
|
+
}));
|
|
77
|
+
}
|
|
78
|
+
return nodes;
|
|
79
|
+
},
|
|
80
|
+
hitTest(ctx, mx, my) {
|
|
81
|
+
const { data, area, yScale } = ctx;
|
|
82
|
+
if (data.series.length < 2) return null;
|
|
83
|
+
const s1 = data.series[0];
|
|
84
|
+
const s2 = data.series[1];
|
|
85
|
+
const count = Math.min(s1.values.length, s2.values.length);
|
|
86
|
+
if (count === 0) return null;
|
|
87
|
+
const labelWidth = Math.min(80, area.width * 0.2);
|
|
88
|
+
const chartX = area.x + labelWidth;
|
|
89
|
+
const chartW = area.width - labelWidth;
|
|
90
|
+
const rowHeight = area.height / count;
|
|
91
|
+
const valueToX = createHorizontalMapper(yScale, area, chartX, chartW);
|
|
92
|
+
let best = null;
|
|
93
|
+
let bestDist = 15;
|
|
94
|
+
for (let i = 0; i < count; i++) {
|
|
95
|
+
const cy = area.y + rowHeight * (i + 0.5);
|
|
96
|
+
for (const [si, series] of [s1, s2].entries()) {
|
|
97
|
+
const vx = valueToX(series.values[i]);
|
|
98
|
+
const dx = mx - vx;
|
|
99
|
+
const dy = my - cy;
|
|
100
|
+
const dist = Math.sqrt(dx * dx + dy * dy);
|
|
101
|
+
if (dist < bestDist) {
|
|
102
|
+
bestDist = dist;
|
|
103
|
+
best = { seriesIndex: si, pointIndex: i, distance: dist };
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
return best;
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
export { dumbbellChartType };
|
|
112
|
+
//# sourceMappingURL=chunk-SQJAKZ4W.js.map
|
|
113
|
+
//# sourceMappingURL=chunk-SQJAKZ4W.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/charts/dumbbell/dumbbell-type.ts"],"names":[],"mappings":"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","file":"chunk-SQJAKZ4W.js","sourcesContent":["import type {\n ChartTypePlugin, ChartData, ResolvedOptions, PreparedData,\n RenderContext, RenderNode, HitResult, ScaleType,\n} from '../../types'\nimport { prepareNoAxes } from '../../utils/prepare'\nimport { group, line, circle, text } from '../../render/tree'\nimport { createHorizontalMapper } from '../../utils/scale'\n\n/**\n * Dumbbell / connected dot chart.\n *\n * Two dots per category connected by a line.\n * Horizontal layout — categories on y-axis, values on x-axis.\n * Requires exactly 2 series. Shows before/after or comparison.\n */\nexport const dumbbellChartType: ChartTypePlugin = {\n type: 'dumbbell',\n\n getScaleTypes(): { x: ScaleType; y: ScaleType } {\n return { x: 'categorical', y: 'linear' }\n },\n\n prepareData(data: ChartData, options: ResolvedOptions): PreparedData {\n return prepareNoAxes(data, options)\n },\n\n render(ctx: RenderContext): RenderNode[] {\n const { data, area, theme, options, yScale } = ctx\n const nodes: RenderNode[] = []\n\n if (data.series.length < 2) return nodes\n const s1 = data.series[0]!\n const s2 = data.series[1]!\n const count = Math.min(s1.values.length, s2.values.length)\n if (count === 0) return nodes\n\n const labelWidth = Math.min(80, area.width * 0.2)\n const chartX = area.x + labelWidth\n const chartW = area.width - labelWidth\n const rowHeight = area.height / count\n const dotR = Math.min(6, rowHeight * 0.2)\n\n const color1 = options.colors[0]!\n const color2 = options.colors[1 % options.colors.length]!\n\n const valueToX = createHorizontalMapper(yScale, area, chartX, chartW)\n\n for (let i = 0; i < count; i++) {\n const cy = area.y + rowHeight * (i + 0.5)\n const v1 = s1.values[i]!\n const v2 = s2.values[i]!\n const x1 = valueToX(v1)\n const x2 = valueToX(v2)\n const label = String(data.labels[i] ?? `Item ${i + 1}`)\n\n const rowNodes: RenderNode[] = []\n\n // Label\n rowNodes.push(text(area.x + labelWidth - 8, cy, label, {\n class: 'chartts-dumbbell-label',\n fill: theme.textMuted,\n textAnchor: 'end',\n dominantBaseline: 'central',\n fontSize: theme.fontSizeSmall,\n fontFamily: theme.fontFamily,\n }))\n\n // Connecting line\n rowNodes.push(line(x1, cy, x2, cy, {\n class: 'chartts-dumbbell-connector',\n stroke: theme.gridColor,\n strokeWidth: 2,\n }))\n\n // Dot 1 (series 0)\n rowNodes.push(circle(x1, cy, dotR, {\n class: 'chartts-dumbbell-dot',\n fill: color1,\n stroke: '#fff',\n strokeWidth: 1.5,\n 'data-series': 0,\n 'data-index': i,\n tabindex: 0,\n role: 'img',\n ariaLabel: `${label} — ${s1.name}: ${v1}`,\n }))\n\n // Dot 2 (series 1)\n rowNodes.push(circle(x2, cy, dotR, {\n class: 'chartts-dumbbell-dot',\n fill: color2,\n stroke: '#fff',\n strokeWidth: 1.5,\n 'data-series': 1,\n 'data-index': i,\n tabindex: 0,\n role: 'img',\n ariaLabel: `${label} — ${s2.name}: ${v2}`,\n }))\n\n nodes.push(group(rowNodes, {\n class: `chartts-series chartts-series-${i}`,\n 'data-series-name': label,\n }))\n }\n\n return nodes\n },\n\n hitTest(ctx: RenderContext, mx: number, my: number): HitResult | null {\n const { data, area, yScale } = ctx\n if (data.series.length < 2) return null\n const s1 = data.series[0]!\n const s2 = data.series[1]!\n const count = Math.min(s1.values.length, s2.values.length)\n if (count === 0) return null\n\n const labelWidth = Math.min(80, area.width * 0.2)\n const chartX = area.x + labelWidth\n const chartW = area.width - labelWidth\n const rowHeight = area.height / count\n\n const valueToX = createHorizontalMapper(yScale, area, chartX, chartW)\n\n let best: HitResult | null = null\n let bestDist = 15\n\n for (let i = 0; i < count; i++) {\n const cy = area.y + rowHeight * (i + 0.5)\n\n for (const [si, series] of [s1, s2].entries()) {\n const vx = valueToX(series.values[i]!)\n const dx = mx - vx\n const dy = my - cy\n const dist = Math.sqrt(dx * dx + dy * dy)\n\n if (dist < bestDist) {\n bestDist = dist\n best = { seriesIndex: si, pointIndex: i, distance: dist }\n }\n }\n }\n\n return best\n },\n}\n"]}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { getBandwidth } from './chunk-E6PR75X7.js';
|
|
2
|
+
import { rect, group, prepareData } from './chunk-3BRQGYDX.js';
|
|
3
|
+
|
|
4
|
+
// src/charts/volume/volume-type.ts
|
|
5
|
+
var volumeChartType = {
|
|
6
|
+
type: "volume",
|
|
7
|
+
getScaleTypes() {
|
|
8
|
+
return { x: "categorical", y: "linear" };
|
|
9
|
+
},
|
|
10
|
+
prepareData(data, options) {
|
|
11
|
+
const prepared = prepareData(data, options);
|
|
12
|
+
if (prepared.bounds.yMin > 0) prepared.bounds.yMin = 0;
|
|
13
|
+
return prepared;
|
|
14
|
+
},
|
|
15
|
+
render(ctx) {
|
|
16
|
+
const { data, xScale, yScale, area, options } = ctx;
|
|
17
|
+
const nodes = [];
|
|
18
|
+
const series = data.series[0];
|
|
19
|
+
if (!series) return nodes;
|
|
20
|
+
const opts = options;
|
|
21
|
+
const upColor = opts.upColor ?? "var(--color-emerald-500, #10b981)";
|
|
22
|
+
const downColor = opts.downColor ?? "var(--color-red-500, #ef4444)";
|
|
23
|
+
const gapFrac = opts.gap ?? 0.2;
|
|
24
|
+
const bw = getBandwidth(xScale);
|
|
25
|
+
const barWidth = bw * (1 - gapFrac);
|
|
26
|
+
const baseline = area.y + area.height;
|
|
27
|
+
const directions = opts.directions ?? series.values.map(
|
|
28
|
+
(v, i) => i === 0 ? "up" : v >= series.values[i - 1] ? "up" : "down"
|
|
29
|
+
);
|
|
30
|
+
const barNodes = [];
|
|
31
|
+
for (let i = 0; i < series.values.length; i++) {
|
|
32
|
+
const val = series.values[i];
|
|
33
|
+
const cx = xScale.map(i);
|
|
34
|
+
const yTop = yScale.map(val);
|
|
35
|
+
const barHeight = Math.max(baseline - yTop, 1);
|
|
36
|
+
const dir = directions[i] ?? "up";
|
|
37
|
+
const color = dir === "up" ? upColor : downColor;
|
|
38
|
+
barNodes.push(rect(cx - barWidth / 2, yTop, barWidth, barHeight, {
|
|
39
|
+
rx: 1,
|
|
40
|
+
ry: 1,
|
|
41
|
+
class: "chartts-volume-bar",
|
|
42
|
+
fill: color,
|
|
43
|
+
fillOpacity: 0.85,
|
|
44
|
+
"data-series": 0,
|
|
45
|
+
"data-index": i,
|
|
46
|
+
tabindex: 0,
|
|
47
|
+
role: "img",
|
|
48
|
+
ariaLabel: `${data.labels[i] ?? i}: ${val} (${dir})`
|
|
49
|
+
}));
|
|
50
|
+
}
|
|
51
|
+
nodes.push(group(barNodes, {
|
|
52
|
+
class: "chartts-series chartts-series-0",
|
|
53
|
+
"data-series-name": series.name
|
|
54
|
+
}));
|
|
55
|
+
return nodes;
|
|
56
|
+
},
|
|
57
|
+
hitTest(ctx, mx, my) {
|
|
58
|
+
const { data, xScale, yScale, area, options } = ctx;
|
|
59
|
+
const series = data.series[0];
|
|
60
|
+
if (!series) return null;
|
|
61
|
+
const opts = options;
|
|
62
|
+
const gapFrac = opts.gap ?? 0.2;
|
|
63
|
+
const bw = getBandwidth(xScale);
|
|
64
|
+
const barWidth = bw * (1 - gapFrac);
|
|
65
|
+
const baseline = area.y + area.height;
|
|
66
|
+
for (let i = 0; i < series.values.length; i++) {
|
|
67
|
+
const cx = xScale.map(i);
|
|
68
|
+
const yTop = yScale.map(series.values[i]);
|
|
69
|
+
if (mx >= cx - barWidth / 2 && mx <= cx + barWidth / 2 && my >= yTop && my <= baseline) {
|
|
70
|
+
return { seriesIndex: 0, pointIndex: i, distance: Math.abs(mx - cx) };
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
return null;
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
export { volumeChartType };
|
|
78
|
+
//# sourceMappingURL=chunk-SUNC3CPV.js.map
|
|
79
|
+
//# sourceMappingURL=chunk-SUNC3CPV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/charts/volume/volume-type.ts"],"names":[],"mappings":"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","file":"chunk-SUNC3CPV.js","sourcesContent":["import type {\n ChartTypePlugin, ChartData, ResolvedOptions, PreparedData,\n RenderContext, RenderNode, HitResult, ScaleType,\n} from '../../types'\nimport { prepareData } from '../../data/prepare'\nimport { group, rect } from '../../render/tree'\nimport { getBandwidth } from '../../utils/scale'\n\nexport interface VolumeOptions {\n /** Explicit direction per bar: 'up' or 'down'. Auto-detected if omitted. */\n directions?: ('up' | 'down')[]\n /** Up color (volume on up-price day). Default green. */\n upColor?: string\n /** Down color (volume on down-price day). Default red. */\n downColor?: string\n /** Gap between bars as fraction of bandwidth. Default 0.2. */\n gap?: number\n}\n\n/**\n * Volume chart — vertical bars colored by price direction.\n *\n * Essential companion to candlestick/OHLC price charts.\n * Green bars = volume on up days, red bars = volume on down days.\n */\nexport const volumeChartType: ChartTypePlugin = {\n type: 'volume',\n\n getScaleTypes(): { x: ScaleType; y: ScaleType } {\n return { x: 'categorical', y: 'linear' }\n },\n\n prepareData(data: ChartData, options: ResolvedOptions): PreparedData {\n const prepared = prepareData(data, options)\n // Volume always starts at zero\n if (prepared.bounds.yMin > 0) prepared.bounds.yMin = 0\n return prepared\n },\n\n render(ctx: RenderContext): RenderNode[] {\n const { data, xScale, yScale, area, options } = ctx\n const nodes: RenderNode[] = []\n\n const series = data.series[0]\n if (!series) return nodes\n\n const opts = options as unknown as VolumeOptions\n const upColor = opts.upColor ?? 'var(--color-emerald-500, #10b981)'\n const downColor = opts.downColor ?? 'var(--color-red-500, #ef4444)'\n const gapFrac = opts.gap ?? 0.2\n\n const bw = getBandwidth(xScale)\n const barWidth = bw * (1 - gapFrac)\n const baseline = area.y + area.height\n\n // Auto-detect direction: current value vs previous\n const directions = opts.directions ?? series.values.map((v, i) =>\n i === 0 ? 'up' as const : (v >= series.values[i - 1]! ? 'up' as const : 'down' as const),\n )\n\n const barNodes: RenderNode[] = []\n\n for (let i = 0; i < series.values.length; i++) {\n const val = series.values[i]!\n const cx = xScale.map(i)\n const yTop = yScale.map(val)\n const barHeight = Math.max(baseline - yTop, 1)\n const dir = directions[i] ?? 'up'\n const color = dir === 'up' ? upColor : downColor\n\n barNodes.push(rect(cx - barWidth / 2, yTop, barWidth, barHeight, {\n rx: 1, ry: 1,\n class: 'chartts-volume-bar',\n fill: color,\n fillOpacity: 0.85,\n 'data-series': 0,\n 'data-index': i,\n tabindex: 0,\n role: 'img',\n ariaLabel: `${data.labels[i] ?? i}: ${val} (${dir})`,\n }))\n }\n\n nodes.push(group(barNodes, {\n class: 'chartts-series chartts-series-0',\n 'data-series-name': series.name,\n }))\n\n return nodes\n },\n\n hitTest(ctx: RenderContext, mx: number, my: number): HitResult | null {\n const { data, xScale, yScale, area, options } = ctx\n const series = data.series[0]\n if (!series) return null\n\n const opts = options as unknown as VolumeOptions\n const gapFrac = opts.gap ?? 0.2\n const bw = getBandwidth(xScale)\n const barWidth = bw * (1 - gapFrac)\n const baseline = area.y + area.height\n\n for (let i = 0; i < series.values.length; i++) {\n const cx = xScale.map(i)\n const yTop = yScale.map(series.values[i]!)\n if (mx >= cx - barWidth / 2 && mx <= cx + barWidth / 2 && my >= yTop && my <= baseline) {\n return { seriesIndex: 0, pointIndex: i, distance: Math.abs(mx - cx) }\n }\n }\n\n return null\n },\n}\n"]}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import { prepareNoAxes } from './chunk-3XVGEBR4.js';
|
|
2
|
+
import { PathBuilder, path, text, group } from './chunk-3BRQGYDX.js';
|
|
3
|
+
|
|
4
|
+
// src/charts/pie/pie-type.ts
|
|
5
|
+
var pieChartType = {
|
|
6
|
+
type: "pie",
|
|
7
|
+
getScaleTypes() {
|
|
8
|
+
return { x: "categorical", y: "linear" };
|
|
9
|
+
},
|
|
10
|
+
prepareData(data, options) {
|
|
11
|
+
return prepareNoAxes(data, options);
|
|
12
|
+
},
|
|
13
|
+
render(ctx) {
|
|
14
|
+
const { data, area, theme } = ctx;
|
|
15
|
+
const nodes = [];
|
|
16
|
+
const series = data.series[0];
|
|
17
|
+
if (!series || series.values.length === 0) return nodes;
|
|
18
|
+
const values = series.values;
|
|
19
|
+
const total = values.reduce((sum, v) => sum + Math.abs(v), 0);
|
|
20
|
+
if (total === 0) return nodes;
|
|
21
|
+
const cx = area.x + area.width / 2;
|
|
22
|
+
const cy = area.y + area.height / 2;
|
|
23
|
+
const outerR = Math.min(area.width, area.height) / 2 - 2;
|
|
24
|
+
const innerRatio = ctx.options.innerRadius ?? 0;
|
|
25
|
+
const innerR = outerR * Math.max(0, Math.min(0.9, innerRatio));
|
|
26
|
+
const padAngleDeg = ctx.options.padAngle ?? 1;
|
|
27
|
+
const padAngle = padAngleDeg * Math.PI / 180;
|
|
28
|
+
const showLabels = ctx.options.showLabels ?? true;
|
|
29
|
+
let startAngle = -Math.PI / 2;
|
|
30
|
+
for (let i = 0; i < values.length; i++) {
|
|
31
|
+
const value = Math.abs(values[i]);
|
|
32
|
+
const sliceAngle = value / total * Math.PI * 2;
|
|
33
|
+
const endAngle = startAngle + sliceAngle;
|
|
34
|
+
const actualStart = startAngle + padAngle / 2;
|
|
35
|
+
const actualEnd = endAngle - padAngle / 2;
|
|
36
|
+
if (actualEnd <= actualStart) {
|
|
37
|
+
startAngle = endAngle;
|
|
38
|
+
continue;
|
|
39
|
+
}
|
|
40
|
+
const color = data.series.length > 1 ? data.series[i % data.series.length].color : ctx.options.colors[i % ctx.options.colors.length];
|
|
41
|
+
const pb = new PathBuilder();
|
|
42
|
+
const x1o = cx + outerR * Math.cos(actualStart);
|
|
43
|
+
const y1o = cy + outerR * Math.sin(actualStart);
|
|
44
|
+
const x2o = cx + outerR * Math.cos(actualEnd);
|
|
45
|
+
const y2o = cy + outerR * Math.sin(actualEnd);
|
|
46
|
+
const largeArc = sliceAngle > Math.PI;
|
|
47
|
+
if (innerR > 0) {
|
|
48
|
+
const x1i = cx + innerR * Math.cos(actualEnd);
|
|
49
|
+
const y1i = cy + innerR * Math.sin(actualEnd);
|
|
50
|
+
const x2i = cx + innerR * Math.cos(actualStart);
|
|
51
|
+
const y2i = cy + innerR * Math.sin(actualStart);
|
|
52
|
+
pb.moveTo(x1o, y1o);
|
|
53
|
+
pb.arc(outerR, outerR, 0, largeArc, true, x2o, y2o);
|
|
54
|
+
pb.lineTo(x1i, y1i);
|
|
55
|
+
pb.arc(innerR, innerR, 0, largeArc, false, x2i, y2i);
|
|
56
|
+
pb.close();
|
|
57
|
+
} else {
|
|
58
|
+
pb.moveTo(cx, cy);
|
|
59
|
+
pb.lineTo(x1o, y1o);
|
|
60
|
+
pb.arc(outerR, outerR, 0, largeArc, true, x2o, y2o);
|
|
61
|
+
pb.close();
|
|
62
|
+
}
|
|
63
|
+
const colorIndex = i % ctx.options.colors.length;
|
|
64
|
+
const sliceNodes = [
|
|
65
|
+
path(pb.build(), {
|
|
66
|
+
class: "chartts-slice",
|
|
67
|
+
fill: `url(#chartts-pie-${colorIndex})`,
|
|
68
|
+
stroke: color,
|
|
69
|
+
strokeWidth: 1,
|
|
70
|
+
"data-series": 0,
|
|
71
|
+
"data-index": i,
|
|
72
|
+
tabindex: 0,
|
|
73
|
+
role: "img",
|
|
74
|
+
ariaLabel: `${data.labels[i] ?? `Slice ${i + 1}`}: ${values[i]}`
|
|
75
|
+
})
|
|
76
|
+
];
|
|
77
|
+
if (showLabels && sliceAngle > 0.3) {
|
|
78
|
+
const midAngle = (actualStart + actualEnd) / 2;
|
|
79
|
+
const labelR = innerR > 0 ? (outerR + innerR) / 2 : outerR * 0.65;
|
|
80
|
+
const lx = cx + labelR * Math.cos(midAngle);
|
|
81
|
+
const ly = cy + labelR * Math.sin(midAngle);
|
|
82
|
+
const pct = Math.round(value / total * 100);
|
|
83
|
+
sliceNodes.push(text(lx, ly, `${pct}%`, {
|
|
84
|
+
class: "chartts-slice-label",
|
|
85
|
+
fill: "#fff",
|
|
86
|
+
textAnchor: "middle",
|
|
87
|
+
dominantBaseline: "central",
|
|
88
|
+
fontSize: theme.fontSizeSmall,
|
|
89
|
+
fontFamily: theme.fontFamily,
|
|
90
|
+
fontWeight: 600
|
|
91
|
+
}));
|
|
92
|
+
}
|
|
93
|
+
nodes.push(group(sliceNodes, {
|
|
94
|
+
class: `chartts-series chartts-series-${i}`,
|
|
95
|
+
"data-series-name": String(data.labels[i] ?? `Slice ${i + 1}`)
|
|
96
|
+
}));
|
|
97
|
+
startAngle = endAngle;
|
|
98
|
+
}
|
|
99
|
+
return nodes;
|
|
100
|
+
},
|
|
101
|
+
hitTest(ctx, mx, my) {
|
|
102
|
+
const { data, area } = ctx;
|
|
103
|
+
const series = data.series[0];
|
|
104
|
+
if (!series || series.values.length === 0) return null;
|
|
105
|
+
const cx = area.x + area.width / 2;
|
|
106
|
+
const cy = area.y + area.height / 2;
|
|
107
|
+
const outerR = Math.min(area.width, area.height) / 2 - 2;
|
|
108
|
+
const innerRatio = ctx.options.innerRadius ?? 0;
|
|
109
|
+
const innerR = outerR * Math.max(0, Math.min(0.9, innerRatio));
|
|
110
|
+
const dx = mx - cx;
|
|
111
|
+
const dy = my - cy;
|
|
112
|
+
const dist = Math.sqrt(dx * dx + dy * dy);
|
|
113
|
+
if (dist > outerR || dist < innerR) return null;
|
|
114
|
+
let angle = Math.atan2(dy, dx);
|
|
115
|
+
if (angle < -Math.PI / 2) angle += Math.PI * 2;
|
|
116
|
+
const values = series.values;
|
|
117
|
+
const total = values.reduce((sum, v) => sum + Math.abs(v), 0);
|
|
118
|
+
if (total === 0) return null;
|
|
119
|
+
let startAngle = -Math.PI / 2;
|
|
120
|
+
for (let i = 0; i < values.length; i++) {
|
|
121
|
+
const sliceAngle = Math.abs(values[i]) / total * Math.PI * 2;
|
|
122
|
+
const endAngle = startAngle + sliceAngle;
|
|
123
|
+
if (angle >= startAngle && angle < endAngle) {
|
|
124
|
+
return { seriesIndex: 0, pointIndex: i, distance: 0 };
|
|
125
|
+
}
|
|
126
|
+
startAngle = endAngle;
|
|
127
|
+
}
|
|
128
|
+
return null;
|
|
129
|
+
}
|
|
130
|
+
};
|
|
131
|
+
var donutChartType = {
|
|
132
|
+
...pieChartType,
|
|
133
|
+
type: "donut",
|
|
134
|
+
render(ctx) {
|
|
135
|
+
const opts = ctx.options;
|
|
136
|
+
if (!opts.innerRadius) {
|
|
137
|
+
opts.innerRadius = 0.55;
|
|
138
|
+
}
|
|
139
|
+
return pieChartType.render(ctx);
|
|
140
|
+
}
|
|
141
|
+
};
|
|
142
|
+
|
|
143
|
+
export { donutChartType, pieChartType };
|
|
144
|
+
//# sourceMappingURL=chunk-SWYCVF46.js.map
|
|
145
|
+
//# sourceMappingURL=chunk-SWYCVF46.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/charts/pie/pie-type.ts"],"names":[],"mappings":"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","file":"chunk-SWYCVF46.js","sourcesContent":["import type {\n ChartTypePlugin, ChartData, ResolvedOptions, PreparedData,\n RenderContext, RenderNode, HitResult, ScaleType,\n} from '../../types'\nimport { prepareNoAxes } from '../../utils/prepare'\nimport { group, path, text } from '../../render/tree'\nimport { PathBuilder } from '../../render/tree'\n\nexport interface PieOptions {\n /** Inner radius ratio (0 = pie, 0.5+ = donut). Default 0. */\n innerRadius?: number\n /** Padding angle in degrees between slices. Default 1. */\n padAngle?: number\n /** Show value labels on slices. Default true. */\n showLabels?: boolean\n}\n\nexport const pieChartType: ChartTypePlugin = {\n type: 'pie',\n\n getScaleTypes(): { x: ScaleType; y: ScaleType } {\n return { x: 'categorical', y: 'linear' }\n },\n\n prepareData(data: ChartData, options: ResolvedOptions): PreparedData {\n return prepareNoAxes(data, options)\n },\n\n render(ctx: RenderContext): RenderNode[] {\n const { data, area, theme } = ctx\n const nodes: RenderNode[] = []\n\n // Pie uses the first series' values as slice sizes\n const series = data.series[0]\n if (!series || series.values.length === 0) return nodes\n\n const values = series.values\n const total = values.reduce((sum, v) => sum + Math.abs(v), 0)\n if (total === 0) return nodes\n\n const cx = area.x + area.width / 2\n const cy = area.y + area.height / 2\n const outerR = Math.min(area.width, area.height) / 2 - 2\n const innerRatio = (ctx.options as unknown as PieOptions).innerRadius ?? 0\n const innerR = outerR * Math.max(0, Math.min(0.9, innerRatio))\n const padAngleDeg = (ctx.options as unknown as PieOptions).padAngle ?? 1\n const padAngle = (padAngleDeg * Math.PI) / 180\n const showLabels = (ctx.options as unknown as PieOptions).showLabels ?? true\n\n let startAngle = -Math.PI / 2\n\n for (let i = 0; i < values.length; i++) {\n const value = Math.abs(values[i]!)\n const sliceAngle = (value / total) * Math.PI * 2\n const endAngle = startAngle + sliceAngle\n\n // Apply pad angle\n const actualStart = startAngle + padAngle / 2\n const actualEnd = endAngle - padAngle / 2\n\n if (actualEnd <= actualStart) {\n startAngle = endAngle\n continue\n }\n\n const color = data.series.length > 1\n ? data.series[i % data.series.length]!.color\n : ctx.options.colors[i % ctx.options.colors.length]!\n\n // Build slice path\n const pb = new PathBuilder()\n const x1o = cx + outerR * Math.cos(actualStart)\n const y1o = cy + outerR * Math.sin(actualStart)\n const x2o = cx + outerR * Math.cos(actualEnd)\n const y2o = cy + outerR * Math.sin(actualEnd)\n const largeArc = sliceAngle > Math.PI\n\n if (innerR > 0) {\n // Donut\n const x1i = cx + innerR * Math.cos(actualEnd)\n const y1i = cy + innerR * Math.sin(actualEnd)\n const x2i = cx + innerR * Math.cos(actualStart)\n const y2i = cy + innerR * Math.sin(actualStart)\n\n pb.moveTo(x1o, y1o)\n pb.arc(outerR, outerR, 0, largeArc, true, x2o, y2o)\n pb.lineTo(x1i, y1i)\n pb.arc(innerR, innerR, 0, largeArc, false, x2i, y2i)\n pb.close()\n } else {\n // Pie\n pb.moveTo(cx, cy)\n pb.lineTo(x1o, y1o)\n pb.arc(outerR, outerR, 0, largeArc, true, x2o, y2o)\n pb.close()\n }\n\n const colorIndex = i % ctx.options.colors.length\n const sliceNodes: RenderNode[] = [\n path(pb.build(), {\n class: 'chartts-slice',\n fill: `url(#chartts-pie-${colorIndex})`,\n stroke: color,\n strokeWidth: 1,\n 'data-series': 0,\n 'data-index': i,\n tabindex: 0,\n role: 'img',\n ariaLabel: `${data.labels[i] ?? `Slice ${i + 1}`}: ${values[i]}`,\n }),\n ]\n\n // Label\n if (showLabels && sliceAngle > 0.3) {\n const midAngle = (actualStart + actualEnd) / 2\n const labelR = innerR > 0 ? (outerR + innerR) / 2 : outerR * 0.65\n const lx = cx + labelR * Math.cos(midAngle)\n const ly = cy + labelR * Math.sin(midAngle)\n const pct = Math.round((value / total) * 100)\n\n sliceNodes.push(text(lx, ly, `${pct}%`, {\n class: 'chartts-slice-label',\n fill: '#fff',\n textAnchor: 'middle',\n dominantBaseline: 'central',\n fontSize: theme.fontSizeSmall,\n fontFamily: theme.fontFamily,\n fontWeight: 600,\n }))\n }\n\n nodes.push(group(sliceNodes, {\n class: `chartts-series chartts-series-${i}`,\n 'data-series-name': String(data.labels[i] ?? `Slice ${i + 1}`),\n }))\n\n startAngle = endAngle\n }\n\n return nodes\n },\n\n hitTest(ctx: RenderContext, mx: number, my: number): HitResult | null {\n const { data, area } = ctx\n const series = data.series[0]\n if (!series || series.values.length === 0) return null\n\n const cx = area.x + area.width / 2\n const cy = area.y + area.height / 2\n const outerR = Math.min(area.width, area.height) / 2 - 2\n const innerRatio = (ctx.options as unknown as PieOptions).innerRadius ?? 0\n const innerR = outerR * Math.max(0, Math.min(0.9, innerRatio))\n\n const dx = mx - cx\n const dy = my - cy\n const dist = Math.sqrt(dx * dx + dy * dy)\n\n if (dist > outerR || dist < innerR) return null\n\n let angle = Math.atan2(dy, dx)\n // Normalize to start from -PI/2\n if (angle < -Math.PI / 2) angle += Math.PI * 2\n\n const values = series.values\n const total = values.reduce((sum, v) => sum + Math.abs(v), 0)\n if (total === 0) return null\n\n let startAngle = -Math.PI / 2\n for (let i = 0; i < values.length; i++) {\n const sliceAngle = (Math.abs(values[i]!) / total) * Math.PI * 2\n const endAngle = startAngle + sliceAngle\n\n if (angle >= startAngle && angle < endAngle) {\n return { seriesIndex: 0, pointIndex: i, distance: 0 }\n }\n\n startAngle = endAngle\n }\n\n return null\n },\n}\n\n/** Donut chart = pie with innerRadius */\nexport const donutChartType: ChartTypePlugin = {\n ...pieChartType,\n type: 'donut',\n render(ctx: RenderContext): RenderNode[] {\n // Force innerRadius if not set\n const opts = ctx.options as unknown as PieOptions\n if (!opts.innerRadius) {\n (opts as PieOptions).innerRadius = 0.55\n }\n return pieChartType.render(ctx)\n },\n}\n"]}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { prepareNoAxes } from './chunk-3XVGEBR4.js';
|
|
2
|
+
import { PathBuilder, path, text, group } from './chunk-3BRQGYDX.js';
|
|
3
|
+
|
|
4
|
+
// src/charts/funnel/funnel-type.ts
|
|
5
|
+
var funnelChartType = {
|
|
6
|
+
type: "funnel",
|
|
7
|
+
getScaleTypes() {
|
|
8
|
+
return { x: "categorical", y: "linear" };
|
|
9
|
+
},
|
|
10
|
+
prepareData(data, options) {
|
|
11
|
+
return prepareNoAxes(data, options);
|
|
12
|
+
},
|
|
13
|
+
render(ctx) {
|
|
14
|
+
const { data, area, theme, options } = ctx;
|
|
15
|
+
const nodes = [];
|
|
16
|
+
const series = data.series[0];
|
|
17
|
+
if (!series || series.values.length === 0) return nodes;
|
|
18
|
+
const fOpts = options;
|
|
19
|
+
const stepGap = fOpts.stepGap ?? 4;
|
|
20
|
+
const showLabels = fOpts.showLabels ?? true;
|
|
21
|
+
const showValues = fOpts.showValues ?? true;
|
|
22
|
+
const values = series.values;
|
|
23
|
+
const maxVal = Math.max(...values.map(Math.abs));
|
|
24
|
+
if (maxVal === 0) return nodes;
|
|
25
|
+
const stepCount = values.length;
|
|
26
|
+
const totalGap = stepGap * (stepCount - 1);
|
|
27
|
+
const stepHeight = (area.height - totalGap) / stepCount;
|
|
28
|
+
const centerX = area.x + area.width / 2;
|
|
29
|
+
for (let i = 0; i < stepCount; i++) {
|
|
30
|
+
const val = Math.abs(values[i]);
|
|
31
|
+
const nextVal = i < stepCount - 1 ? Math.abs(values[i + 1]) : val * 0.7;
|
|
32
|
+
const topWidth = val / maxVal * area.width;
|
|
33
|
+
const bottomWidth = nextVal / maxVal * area.width;
|
|
34
|
+
const y = area.y + i * (stepHeight + stepGap);
|
|
35
|
+
const color = options.colors[i % options.colors.length];
|
|
36
|
+
const pb = new PathBuilder();
|
|
37
|
+
pb.moveTo(centerX - topWidth / 2, y);
|
|
38
|
+
pb.lineTo(centerX + topWidth / 2, y);
|
|
39
|
+
pb.lineTo(centerX + bottomWidth / 2, y + stepHeight);
|
|
40
|
+
pb.lineTo(centerX - bottomWidth / 2, y + stepHeight);
|
|
41
|
+
pb.close();
|
|
42
|
+
const stepNodes = [];
|
|
43
|
+
const colorIndex = i % options.colors.length;
|
|
44
|
+
stepNodes.push(path(pb.build(), {
|
|
45
|
+
class: "chartts-funnel-step",
|
|
46
|
+
fill: `url(#chartts-bar-${colorIndex})`,
|
|
47
|
+
stroke: color,
|
|
48
|
+
strokeWidth: 0.5,
|
|
49
|
+
"data-series": 0,
|
|
50
|
+
"data-index": i,
|
|
51
|
+
tabindex: 0,
|
|
52
|
+
role: "img",
|
|
53
|
+
ariaLabel: `${data.labels[i] ?? `Step ${i + 1}`}: ${values[i]}`
|
|
54
|
+
}));
|
|
55
|
+
const textY = y + stepHeight / 2;
|
|
56
|
+
if (showLabels) {
|
|
57
|
+
const label = String(data.labels[i] ?? `Step ${i + 1}`);
|
|
58
|
+
const pct = maxVal > 0 ? Math.round(val / maxVal * 100) : 0;
|
|
59
|
+
const labelStr = showValues ? `${label}: ${values[i]} (${pct}%)` : `${label} (${pct}%)`;
|
|
60
|
+
stepNodes.push(text(centerX, textY, labelStr, {
|
|
61
|
+
class: "chartts-funnel-label",
|
|
62
|
+
fill: "#fff",
|
|
63
|
+
textAnchor: "middle",
|
|
64
|
+
dominantBaseline: "central",
|
|
65
|
+
fontSize: theme.fontSize,
|
|
66
|
+
fontFamily: theme.fontFamily,
|
|
67
|
+
fontWeight: 600
|
|
68
|
+
}));
|
|
69
|
+
}
|
|
70
|
+
nodes.push(group(stepNodes, {
|
|
71
|
+
class: `chartts-series chartts-series-${i}`,
|
|
72
|
+
"data-series-name": String(data.labels[i] ?? `Step ${i + 1}`)
|
|
73
|
+
}));
|
|
74
|
+
}
|
|
75
|
+
return nodes;
|
|
76
|
+
},
|
|
77
|
+
hitTest(ctx, _mx, my) {
|
|
78
|
+
const { data, area, options } = ctx;
|
|
79
|
+
const series = data.series[0];
|
|
80
|
+
if (!series || series.values.length === 0) return null;
|
|
81
|
+
const fOpts = options;
|
|
82
|
+
const stepGap = fOpts.stepGap ?? 2;
|
|
83
|
+
const stepCount = series.values.length;
|
|
84
|
+
const totalGap = stepGap * (stepCount - 1);
|
|
85
|
+
const stepHeight = (area.height - totalGap) / stepCount;
|
|
86
|
+
for (let i = 0; i < stepCount; i++) {
|
|
87
|
+
const y = area.y + i * (stepHeight + stepGap);
|
|
88
|
+
if (my >= y && my <= y + stepHeight) {
|
|
89
|
+
return { seriesIndex: 0, pointIndex: i, distance: 0 };
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
return null;
|
|
93
|
+
}
|
|
94
|
+
};
|
|
95
|
+
|
|
96
|
+
export { funnelChartType };
|
|
97
|
+
//# sourceMappingURL=chunk-SZVK6RRQ.js.map
|
|
98
|
+
//# sourceMappingURL=chunk-SZVK6RRQ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/charts/funnel/funnel-type.ts"],"names":[],"mappings":"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","file":"chunk-SZVK6RRQ.js","sourcesContent":["import type {\n ChartTypePlugin, ChartData, ResolvedOptions, PreparedData,\n RenderContext, RenderNode, HitResult, ScaleType,\n} from '../../types'\nimport { prepareNoAxes } from '../../utils/prepare'\nimport { group, path, text } from '../../render/tree'\nimport { PathBuilder } from '../../render/tree'\n\nexport interface FunnelOptions {\n /** Gap between steps in px. Default 2. */\n stepGap?: number\n /** Show percentage labels. Default true. */\n showLabels?: boolean\n /** Show value labels. Default true. */\n showValues?: boolean\n}\n\n/**\n * Funnel chart — tapered horizontal bars representing conversion steps.\n * Uses the first series. Values should be descending (largest to smallest).\n */\nexport const funnelChartType: ChartTypePlugin = {\n type: 'funnel',\n\n getScaleTypes(): { x: ScaleType; y: ScaleType } {\n return { x: 'categorical', y: 'linear' }\n },\n\n prepareData(data: ChartData, options: ResolvedOptions): PreparedData {\n return prepareNoAxes(data, options)\n },\n\n render(ctx: RenderContext): RenderNode[] {\n const { data, area, theme, options } = ctx\n const nodes: RenderNode[] = []\n\n const series = data.series[0]\n if (!series || series.values.length === 0) return nodes\n\n const fOpts = options as unknown as FunnelOptions\n const stepGap = fOpts.stepGap ?? 4\n const showLabels = fOpts.showLabels ?? true\n const showValues = fOpts.showValues ?? true\n\n const values = series.values\n const maxVal = Math.max(...values.map(Math.abs))\n if (maxVal === 0) return nodes\n\n const stepCount = values.length\n const totalGap = stepGap * (stepCount - 1)\n const stepHeight = (area.height - totalGap) / stepCount\n const centerX = area.x + area.width / 2\n\n for (let i = 0; i < stepCount; i++) {\n const val = Math.abs(values[i]!)\n const nextVal = i < stepCount - 1 ? Math.abs(values[i + 1]!) : val * 0.7\n\n const topWidth = (val / maxVal) * area.width\n const bottomWidth = (nextVal / maxVal) * area.width\n const y = area.y + i * (stepHeight + stepGap)\n\n const color = options.colors[i % options.colors.length]!\n\n // Trapezoid path\n const pb = new PathBuilder()\n pb.moveTo(centerX - topWidth / 2, y)\n pb.lineTo(centerX + topWidth / 2, y)\n pb.lineTo(centerX + bottomWidth / 2, y + stepHeight)\n pb.lineTo(centerX - bottomWidth / 2, y + stepHeight)\n pb.close()\n\n const stepNodes: RenderNode[] = []\n\n const colorIndex = i % options.colors.length\n stepNodes.push(path(pb.build(), {\n class: 'chartts-funnel-step',\n fill: `url(#chartts-bar-${colorIndex})`,\n stroke: color,\n strokeWidth: 0.5,\n 'data-series': 0,\n 'data-index': i,\n tabindex: 0,\n role: 'img',\n ariaLabel: `${data.labels[i] ?? `Step ${i + 1}`}: ${values[i]}`,\n }))\n\n // Label text\n const textY = y + stepHeight / 2\n if (showLabels) {\n const label = String(data.labels[i] ?? `Step ${i + 1}`)\n const pct = maxVal > 0 ? Math.round((val / maxVal) * 100) : 0\n\n const labelStr = showValues\n ? `${label}: ${values[i]} (${pct}%)`\n : `${label} (${pct}%)`\n\n stepNodes.push(text(centerX, textY, labelStr, {\n class: 'chartts-funnel-label',\n fill: '#fff',\n textAnchor: 'middle',\n dominantBaseline: 'central',\n fontSize: theme.fontSize,\n fontFamily: theme.fontFamily,\n fontWeight: 600,\n }))\n }\n\n nodes.push(group(stepNodes, {\n class: `chartts-series chartts-series-${i}`,\n 'data-series-name': String(data.labels[i] ?? `Step ${i + 1}`),\n }))\n }\n\n return nodes\n },\n\n hitTest(ctx: RenderContext, _mx: number, my: number): HitResult | null {\n const { data, area, options } = ctx\n const series = data.series[0]\n if (!series || series.values.length === 0) return null\n\n const fOpts = options as unknown as FunnelOptions\n const stepGap = fOpts.stepGap ?? 2\n const stepCount = series.values.length\n const totalGap = stepGap * (stepCount - 1)\n const stepHeight = (area.height - totalGap) / stepCount\n\n for (let i = 0; i < stepCount; i++) {\n const y = area.y + i * (stepHeight + stepGap)\n if (my >= y && my <= y + stepHeight) {\n return { seriesIndex: 0, pointIndex: i, distance: 0 }\n }\n }\n\n return null\n },\n}\n"]}
|