@lytjs/plugin-chart 5.0.1

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/README.md ADDED
@@ -0,0 +1,113 @@
1
+ # @lytjs/plugin-chart
2
+
3
+ Lyt.js 图表插件 - 提供柱状图和折线图组件,使用 Canvas API 绘制,零运行时依赖。
4
+
5
+ ## 特性
6
+
7
+ - 柱状图(Bar Chart)和折线图(Line Chart)
8
+ - Canvas API 绘制,零运行时依赖
9
+ - 高清屏(Retina)适配
10
+ - 入场动画(easeOutCubic)
11
+ - 多数据系列支持
12
+ - 自定义颜色、标题、图例
13
+ - Y 轴自动刻度计算
14
+ - 数值标签显示
15
+ - 响应式尺寸调整
16
+
17
+ ## 安装
18
+
19
+ ```bash
20
+ npm install @lytjs/plugin-chart
21
+ ```
22
+
23
+ ## 使用
24
+
25
+ ### 柱状图
26
+
27
+ ```js
28
+ import { createChart } from '@lytjs/plugin-chart'
29
+
30
+ const chart = createChart(document.getElementById('chart'), {
31
+ type: 'bar',
32
+ data: {
33
+ labels: ['一月', '二月', '三月', '四月', '五月'],
34
+ datasets: [
35
+ {
36
+ label: '销售额',
37
+ data: [120, 200, 150, 80, 170],
38
+ color: '#42b883',
39
+ },
40
+ ],
41
+ },
42
+ options: {
43
+ title: '月度销售统计',
44
+ width: 600,
45
+ height: 400,
46
+ showValues: true,
47
+ },
48
+ })
49
+ ```
50
+
51
+ ### 折线图
52
+
53
+ ```js
54
+ const chart = createChart(document.getElementById('chart'), {
55
+ type: 'line',
56
+ data: {
57
+ labels: ['Q1', 'Q2', 'Q3', 'Q4'],
58
+ datasets: [
59
+ { label: '2024', data: [30, 50, 80, 60], color: '#42b883' },
60
+ { label: '2023', data: [20, 40, 60, 50], color: '#3b82f6' },
61
+ ],
62
+ },
63
+ options: {
64
+ title: '季度对比',
65
+ showLegend: true,
66
+ },
67
+ })
68
+ ```
69
+
70
+ ### 更新数据
71
+
72
+ ```js
73
+ chart.update({
74
+ labels: ['A', 'B', 'C'],
75
+ datasets: [{ label: '新数据', data: [10, 20, 30] }],
76
+ })
77
+ ```
78
+
79
+ ### 调整尺寸
80
+
81
+ ```js
82
+ chart.resize(800, 500)
83
+ ```
84
+
85
+ ### 销毁图表
86
+
87
+ ```js
88
+ chart.destroy()
89
+ ```
90
+
91
+ ## API
92
+
93
+ ### `createChart(container, config): ChartInstance`
94
+
95
+ | 参数 | 类型 | 说明 |
96
+ |------|------|------|
97
+ | `container` | `HTMLElement \| HTMLCanvasElement` | 容器元素或 Canvas 元素 |
98
+ | `config.type` | `'bar' \| 'line'` | 图表类型 |
99
+ | `config.data` | `ChartData` | 图表数据 |
100
+ | `config.options` | `ChartOptions` | 图表选项(可选) |
101
+
102
+ ### ChartInstance
103
+
104
+ | 方法 | 说明 |
105
+ |------|------|
106
+ | `update(data)` | 更新图表数据 |
107
+ | `resize(width, height)` | 调整图表尺寸 |
108
+ | `destroy()` | 销毁图表 |
109
+ | `getContext()` | 获取 Canvas 上下文 |
110
+
111
+ ## License
112
+
113
+ MIT
package/dist/index.cjs ADDED
@@ -0,0 +1 @@
1
+ "use strict";var I=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var N=Object.prototype.hasOwnProperty;var U=(e,o)=>{for(var s in o)I(e,s,{get:o[s],enumerable:!0})},X=(e,o,s,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of q(o))!N.call(e,t)&&t!==s&&I(e,t,{get:()=>o[t],enumerable:!(m=Y(o,t))||m.enumerable});return e};var _=e=>X(I({},"__esModule",{value:!0}),e);var Z={};U(Z,{createChart:()=>Q});module.exports=_(Z);var L=["#42b883","#3b82f6","#f59e0b","#ef4444","#8b5cf6","#ec4899","#14b8a6","#f97316","#06b6d4","#84cc16"],p={title:"",width:600,height:400,showGrid:!0,showLegend:!0,showValues:!1,animationDuration:500,padding:{top:40,right:30,bottom:50,left:60},yMax:0,yMin:0};function J(){return typeof window!="undefined"&&window.devicePixelRatio||1}function P(e,o,s=5){let m=e-o;if(m===0)return[o-1,o,o+1];let t=m/(s-1),r=Math.pow(10,Math.floor(Math.log10(t))),n=t/r,b;n<=1?b=r:n<=2?b=2*r:n<=5?b=5*r:b=10*r;let v=[],c=Math.floor(o/b)*b;for(;c<=e+b*.5;)v.push(Math.round(c*1e10)/1e10),c+=b;return v}function H(e){return e>=1e6?(e/1e6).toFixed(1)+"M":e>=1e3?(e/1e3).toFixed(1)+"K":String(Math.round(e*100)/100)}function K(e,o,s,m){let{width:t,height:r,padding:n,showGrid:b,showLegend:v,showValues:c,title:D}=s,A=t-n.left-n.right,h=r-n.top-n.bottom,M=[];for(let l of o.datasets)M=M.concat(l.data);let B=s.yMax||Math.max(...M,0),V=s.yMin||Math.min(...M,0),C=P(B,V),w=C[0],S=C[C.length-1]-w||1;if(e.clearRect(0,0,t,r),D&&(e.fillStyle="#2c3e50",e.font="bold 16px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="center",e.fillText(D,t/2,24)),b){e.strokeStyle="#e5e7eb",e.lineWidth=1,e.fillStyle="#95a5a6",e.font="12px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="right";for(let l of C){let f=n.top+h-(l-w)/S*h;e.beginPath(),e.moveTo(n.left,f),e.lineTo(t-n.right,f),e.stroke(),e.fillText(H(l),n.left-8,f+4)}}let k=o.labels.length,i=A/k,a=Math.min(i*.6/o.datasets.length,50),u=(i-a*o.datasets.length)/2;for(let l=0;l<o.datasets.length;l++){let f=o.datasets[l],g=f.color||L[l%L.length];for(let d=0;d<f.data.length;d++){let T=f.data[d]*m,y=n.left+d*i+u+l*a,W=(T-w)/S*h,F=n.top+h-W;e.fillStyle=g,e.beginPath();let R=Math.min(4,a/4),E=Math.max(0,W);E>R*2?(e.moveTo(y,F+R),e.arcTo(y,F,y+R,F,R),e.arcTo(y+a,F,y+a,F+R,R),e.lineTo(y+a,n.top+h),e.lineTo(y,n.top+h)):e.rect(y,F,a,E),e.fill(),c&&m>=1&&(e.fillStyle="#2c3e50",e.font="11px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="center",e.fillText(H(f.data[d]),y+a/2,F-6))}}e.fillStyle="#6c757d",e.font="12px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="center";for(let l=0;l<o.labels.length;l++){let f=n.left+l*i+i/2;e.fillText(o.labels[l],f,r-n.bottom+20)}if(v&&o.datasets.length>1){let l=n.top-10,f=t/2-o.datasets.length*80/2;for(let g=0;g<o.datasets.length;g++){let d=o.datasets[g],T=d.color||L[g%L.length];e.fillStyle=T,e.fillRect(f,l-8,12,12),e.fillStyle="#2c3e50",e.font="12px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="left",e.fillText(d.label,f+16,l+2),f+=e.measureText(d.label).width+36}}}function j(e,o,s,m){let{width:t,height:r,padding:n,showGrid:b,showLegend:v,showValues:c,title:D}=s,A=t-n.left-n.right,h=r-n.top-n.bottom,M=[];for(let i of o.datasets)M=M.concat(i.data);let B=s.yMax||Math.max(...M,0),V=s.yMin||Math.min(...M,0),C=P(B,V),w=C[0],S=C[C.length-1]-w||1;if(e.clearRect(0,0,t,r),D&&(e.fillStyle="#2c3e50",e.font="bold 16px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="center",e.fillText(D,t/2,24)),b){e.strokeStyle="#e5e7eb",e.lineWidth=1,e.fillStyle="#95a5a6",e.font="12px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="right";for(let i of C){let a=n.top+h-(i-w)/S*h;e.beginPath(),e.moveTo(n.left,a),e.lineTo(t-n.right,a),e.stroke(),e.fillText(H(i),n.left-8,a+4)}}let k=o.labels.length>1?A/(o.labels.length-1):0;for(let i=0;i<o.datasets.length;i++){let a=o.datasets[i],u=a.color||L[i%L.length];e.beginPath(),e.moveTo(n.left,n.top+h);for(let l=0;l<a.data.length;l++){let f=a.data[l]*m,g=n.left+l*k,d=n.top+h-(f-w)/S*h;e.lineTo(g,d)}e.lineTo(n.left+(a.data.length-1)*k,n.top+h),e.closePath(),e.fillStyle=u+"15",e.fill(),e.beginPath(),e.strokeStyle=u,e.lineWidth=2.5,e.lineJoin="round",e.lineCap="round";for(let l=0;l<a.data.length;l++){let f=a.data[l]*m,g=n.left+l*k,d=n.top+h-(f-w)/S*h;l===0?e.moveTo(g,d):e.lineTo(g,d)}e.stroke();for(let l=0;l<a.data.length;l++){let f=a.data[l]*m,g=n.left+l*k,d=n.top+h-(f-w)/S*h;e.beginPath(),e.arc(g,d,4,0,Math.PI*2),e.fillStyle="#fff",e.fill(),e.strokeStyle=u,e.lineWidth=2,e.stroke(),c&&m>=1&&(e.fillStyle="#2c3e50",e.font="11px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="center",e.fillText(H(a.data[l]),g,d-10))}}e.fillStyle="#6c757d",e.font="12px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="center";for(let i=0;i<o.labels.length;i++){let a=n.left+i*k;e.fillText(o.labels[i],a,r-n.bottom+20)}if(v&&o.datasets.length>1){let i=n.top-10,a=t/2-o.datasets.length*80/2;for(let u=0;u<o.datasets.length;u++){let l=o.datasets[u],f=l.color||L[u%L.length];e.strokeStyle=f,e.lineWidth=2.5,e.beginPath(),e.moveTo(a,i-2),e.lineTo(a+16,i-2),e.stroke(),e.fillStyle="#2c3e50",e.font="12px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="left",e.fillText(l.label,a+22,i+2),a+=e.measureText(l.label).width+42}}}function Q(e,o){var V,C,w,G,S,k,i,a,u,l,f,g,d;let s;e instanceof HTMLCanvasElement?s=e:(s=document.createElement("canvas"),e.appendChild(s));let m=s.getContext("2d"),t=o.options,r=t==null?void 0:t.padding,n={title:(V=t==null?void 0:t.title)!=null?V:p.title,width:(C=t==null?void 0:t.width)!=null?C:p.width,height:(w=t==null?void 0:t.height)!=null?w:p.height,showGrid:(G=t==null?void 0:t.showGrid)!=null?G:p.showGrid,showLegend:(S=t==null?void 0:t.showLegend)!=null?S:p.showLegend,showValues:(k=t==null?void 0:t.showValues)!=null?k:p.showValues,animationDuration:(i=t==null?void 0:t.animationDuration)!=null?i:p.animationDuration,padding:{top:(a=r==null?void 0:r.top)!=null?a:p.padding.top,right:(u=r==null?void 0:r.right)!=null?u:p.padding.right,bottom:(l=r==null?void 0:r.bottom)!=null?l:p.padding.bottom,left:(f=r==null?void 0:r.left)!=null?f:p.padding.left},yMax:(g=t==null?void 0:t.yMax)!=null?g:p.yMax,yMin:(d=t==null?void 0:t.yMin)!=null?d:p.yMin},b=J(),v=n.width,c=n.height,D=o.data;function A(){s.width=v*b,s.height=c*b,s.style.width=v+"px",s.style.height=c+"px",m.setTransform(b,0,0,b,0,0)}let h=null;function M(T){o.type==="bar"?K(m,D,n,T):j(m,D,n,T)}function B(){h!==null&&cancelAnimationFrame(h);let T=performance.now(),y=n.animationDuration;function W(F){let R=F-T,E=Math.min(R/y,1),z=1-Math.pow(1-E,3);M(z),E<1?h=requestAnimationFrame(W):h=null}h=requestAnimationFrame(W)}return A(),B(),{update(T){D=T,A(),B()},resize(T,y){v=T,c=y,A(),M(1)},destroy(){h!==null&&(cancelAnimationFrame(h),h=null),m.clearRect(0,0,v,c),s.parentElement&&e instanceof HTMLElement&&s!==e&&e.removeChild(s)},getContext(){return m}}}
@@ -0,0 +1,79 @@
1
+ /** 图表类型 */
2
+ type ChartType = 'bar' | 'line';
3
+ /** 数据集 */
4
+ interface ChartDataset {
5
+ /** 数据集标签 */
6
+ label: string;
7
+ /** 数据值数组 */
8
+ data: number[];
9
+ /** 数据集颜色 */
10
+ color?: string;
11
+ /** 数据集背景色(柱状图填充色) */
12
+ backgroundColor?: string;
13
+ }
14
+ /** 图表数据 */
15
+ interface ChartData {
16
+ /** X 轴标签 */
17
+ labels: string[];
18
+ /** 数据集列表 */
19
+ datasets: ChartDataset[];
20
+ }
21
+ /** 图表配置选项 */
22
+ interface ChartOptions {
23
+ /** 图表标题 */
24
+ title?: string;
25
+ /** 图表宽度(像素),默认 600 */
26
+ width?: number;
27
+ /** 图表高度(像素),默认 400 */
28
+ height?: number;
29
+ /** 是否显示网格线,默认 true */
30
+ showGrid?: boolean;
31
+ /** 是否显示图例,默认 true */
32
+ showLegend?: boolean;
33
+ /** 是否显示数值标签,默认 false */
34
+ showValues?: boolean;
35
+ /** 动画时长(毫秒),默认 500 */
36
+ animationDuration?: number;
37
+ /** 内边距 */
38
+ padding?: {
39
+ top?: number;
40
+ right?: number;
41
+ bottom?: number;
42
+ left?: number;
43
+ };
44
+ /** Y 轴最大值 */
45
+ yMax?: number;
46
+ /** Y 轴最小值 */
47
+ yMin?: number;
48
+ }
49
+ /** 图表创建参数 */
50
+ interface ChartConfig {
51
+ /** 图表类型 */
52
+ type: ChartType;
53
+ /** 图表数据 */
54
+ data: ChartData;
55
+ /** 图表选项 */
56
+ options?: ChartOptions;
57
+ }
58
+ /** 图表实例 */
59
+ interface ChartInstance {
60
+ /** 更新图表数据 */
61
+ update(data: ChartData): void;
62
+ /** 调整图表尺寸 */
63
+ resize(width: number, height: number): void;
64
+ /** 销毁图表,释放资源 */
65
+ destroy(): void;
66
+ /** 获取 Canvas 上下文 */
67
+ getContext(): CanvasRenderingContext2D;
68
+ }
69
+ /**
70
+ * 创建图表实例
71
+ *
72
+ * @param container - 容器元素或 Canvas 元素
73
+ * @param config - 图表配置
74
+ * @returns 图表实例
75
+ */
76
+ declare function createChart(container: HTMLElement | HTMLCanvasElement, config: ChartConfig): ChartInstance;
77
+ export { createChart };
78
+ export type { ChartType, ChartDataset, ChartData, ChartOptions, ChartConfig, ChartInstance, };
79
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAuBA,WAAW;AACX,KAAK,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;AAEhC,UAAU;AACV,UAAU,YAAY;IACpB,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,YAAY;IACZ,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,WAAW;AACX,UAAU,SAAS;IACjB,YAAY;IACZ,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY;IACZ,QAAQ,EAAE,YAAY,EAAE,CAAC;CAC1B;AAED,aAAa;AACb,UAAU,YAAY;IACpB,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wBAAwB;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU;IACV,OAAO,CAAC,EAAE;QACR,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,aAAa;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAqBD,aAAa;AACb,UAAU,WAAW;IACnB,WAAW;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW;IACX,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,WAAW;AACX,UAAU,aAAa;IACrB,aAAa;IACb,MAAM,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B,aAAa;IACb,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5C,gBAAgB;IAChB,OAAO,IAAI,IAAI,CAAC;IAChB,oBAAoB;IACpB,UAAU,IAAI,wBAAwB,CAAC;CACxC;AA2VD;;;;;;GAMG;AACH,iBAAS,WAAW,CAClB,SAAS,EAAE,WAAW,GAAG,iBAAiB,EAC1C,MAAM,EAAE,WAAW,GAClB,aAAa,CAsHf;AAED,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,433 @@
1
+ // Lyt.js 图表插件
2
+ //
3
+ // 用法:
4
+ // import { createChart } from '@lytjs/plugin-chart'
5
+ // const chart = createChart(document.getElementById('chart'), {
6
+ // type: 'bar',
7
+ // data: {
8
+ // labels: ['一月', '二月', '三月', '四月', '五月'],
9
+ // datasets: [
10
+ // { label: '销售额', data: [120, 200, 150, 80, 170], color: '#42b883' },
11
+ // ],
12
+ // },
13
+ // options: {
14
+ // title: '月度销售统计',
15
+ // width: 600,
16
+ // height: 400,
17
+ // },
18
+ // })
19
+ // // 更新数据:chart.update(newData)
20
+ // // 销毁图表:chart.destroy()
21
+ // ======================== 默认配置 ========================
22
+ const DEFAULT_COLORS = [
23
+ '#42b883', '#3b82f6', '#f59e0b', '#ef4444', '#8b5cf6',
24
+ '#ec4899', '#14b8a6', '#f97316', '#06b6d4', '#84cc16',
25
+ ];
26
+ const DEFAULT_OPTIONS = {
27
+ title: '',
28
+ width: 600,
29
+ height: 400,
30
+ showGrid: true,
31
+ showLegend: true,
32
+ showValues: false,
33
+ animationDuration: 500,
34
+ padding: { top: 40, right: 30, bottom: 50, left: 60 },
35
+ yMax: 0,
36
+ yMin: 0,
37
+ };
38
+ // ======================== 工具函数 ========================
39
+ /**
40
+ * 获取设备像素比,用于高清屏适配
41
+ */
42
+ function getDevicePixelRatio() {
43
+ return typeof window !== 'undefined' ? (window.devicePixelRatio || 1) : 1;
44
+ }
45
+ /**
46
+ * 计算合适的 Y 轴刻度
47
+ */
48
+ function calculateYTicks(max, min, tickCount = 5) {
49
+ const range = max - min;
50
+ if (range === 0)
51
+ return [min - 1, min, min + 1];
52
+ const rawStep = range / (tickCount - 1);
53
+ const magnitude = Math.pow(10, Math.floor(Math.log10(rawStep)));
54
+ const normalized = rawStep / magnitude;
55
+ let step;
56
+ if (normalized <= 1)
57
+ step = magnitude;
58
+ else if (normalized <= 2)
59
+ step = 2 * magnitude;
60
+ else if (normalized <= 5)
61
+ step = 5 * magnitude;
62
+ else
63
+ step = 10 * magnitude;
64
+ const ticks = [];
65
+ let tick = Math.floor(min / step) * step;
66
+ while (tick <= max + step * 0.5) {
67
+ ticks.push(Math.round(tick * 1e10) / 1e10);
68
+ tick += step;
69
+ }
70
+ return ticks;
71
+ }
72
+ /**
73
+ * 格式化数值显示
74
+ */
75
+ function formatNumber(n) {
76
+ if (n >= 1e6)
77
+ return (n / 1e6).toFixed(1) + 'M';
78
+ if (n >= 1e3)
79
+ return (n / 1e3).toFixed(1) + 'K';
80
+ return String(Math.round(n * 100) / 100);
81
+ }
82
+ // ======================== 核心绘制 ========================
83
+ /**
84
+ * 绘制柱状图
85
+ */
86
+ function drawBarChart(ctx, data, options, progress) {
87
+ const { width, height, padding, showGrid, showLegend, showValues, title } = options;
88
+ const plotWidth = width - padding.left - padding.right;
89
+ const plotHeight = height - padding.top - padding.bottom;
90
+ // 计算数据范围
91
+ let allValues = [];
92
+ for (const ds of data.datasets) {
93
+ allValues = allValues.concat(ds.data);
94
+ }
95
+ const dataMax = options.yMax || Math.max(...allValues, 0);
96
+ const dataMin = options.yMin || Math.min(...allValues, 0);
97
+ const yTicks = calculateYTicks(dataMax, dataMin);
98
+ const yMin = yTicks[0];
99
+ const yMax = yTicks[yTicks.length - 1];
100
+ const yRange = yMax - yMin || 1;
101
+ // 清空画布
102
+ ctx.clearRect(0, 0, width, height);
103
+ // 绘制标题
104
+ if (title) {
105
+ ctx.fillStyle = '#2c3e50';
106
+ ctx.font = 'bold 16px -apple-system, BlinkMacSystemFont, sans-serif';
107
+ ctx.textAlign = 'center';
108
+ ctx.fillText(title, width / 2, 24);
109
+ }
110
+ // 绘制网格线和 Y 轴刻度
111
+ if (showGrid) {
112
+ ctx.strokeStyle = '#e5e7eb';
113
+ ctx.lineWidth = 1;
114
+ ctx.fillStyle = '#95a5a6';
115
+ ctx.font = '12px -apple-system, BlinkMacSystemFont, sans-serif';
116
+ ctx.textAlign = 'right';
117
+ for (const tick of yTicks) {
118
+ const y = padding.top + plotHeight - ((tick - yMin) / yRange) * plotHeight;
119
+ ctx.beginPath();
120
+ ctx.moveTo(padding.left, y);
121
+ ctx.lineTo(width - padding.right, y);
122
+ ctx.stroke();
123
+ ctx.fillText(formatNumber(tick), padding.left - 8, y + 4);
124
+ }
125
+ }
126
+ // 绘制柱状图
127
+ const groupCount = data.labels.length;
128
+ const barGroupWidth = plotWidth / groupCount;
129
+ const barWidth = Math.min(barGroupWidth * 0.6 / data.datasets.length, 50);
130
+ const groupPadding = (barGroupWidth - barWidth * data.datasets.length) / 2;
131
+ for (let d = 0; d < data.datasets.length; d++) {
132
+ const ds = data.datasets[d];
133
+ const color = ds.color || DEFAULT_COLORS[d % DEFAULT_COLORS.length];
134
+ for (let i = 0; i < ds.data.length; i++) {
135
+ const value = ds.data[i] * progress;
136
+ const x = padding.left + i * barGroupWidth + groupPadding + d * barWidth;
137
+ const barHeight = ((value - yMin) / yRange) * plotHeight;
138
+ const y = padding.top + plotHeight - barHeight;
139
+ // 绘制柱子
140
+ ctx.fillStyle = color;
141
+ ctx.beginPath();
142
+ const radius = Math.min(4, barWidth / 4);
143
+ const bh = Math.max(0, barHeight);
144
+ if (bh > radius * 2) {
145
+ ctx.moveTo(x, y + radius);
146
+ ctx.arcTo(x, y, x + radius, y, radius);
147
+ ctx.arcTo(x + barWidth, y, x + barWidth, y + radius, radius);
148
+ ctx.lineTo(x + barWidth, padding.top + plotHeight);
149
+ ctx.lineTo(x, padding.top + plotHeight);
150
+ }
151
+ else {
152
+ ctx.rect(x, y, barWidth, bh);
153
+ }
154
+ ctx.fill();
155
+ // 绘制数值标签
156
+ if (showValues && progress >= 1) {
157
+ ctx.fillStyle = '#2c3e50';
158
+ ctx.font = '11px -apple-system, BlinkMacSystemFont, sans-serif';
159
+ ctx.textAlign = 'center';
160
+ ctx.fillText(formatNumber(ds.data[i]), x + barWidth / 2, y - 6);
161
+ }
162
+ }
163
+ }
164
+ // 绘制 X 轴标签
165
+ ctx.fillStyle = '#6c757d';
166
+ ctx.font = '12px -apple-system, BlinkMacSystemFont, sans-serif';
167
+ ctx.textAlign = 'center';
168
+ for (let i = 0; i < data.labels.length; i++) {
169
+ const x = padding.left + i * barGroupWidth + barGroupWidth / 2;
170
+ ctx.fillText(data.labels[i], x, height - padding.bottom + 20);
171
+ }
172
+ // 绘制图例
173
+ if (showLegend && data.datasets.length > 1) {
174
+ const legendY = padding.top - 10;
175
+ let legendX = width / 2 - (data.datasets.length * 80) / 2;
176
+ for (let d = 0; d < data.datasets.length; d++) {
177
+ const ds = data.datasets[d];
178
+ const color = ds.color || DEFAULT_COLORS[d % DEFAULT_COLORS.length];
179
+ ctx.fillStyle = color;
180
+ ctx.fillRect(legendX, legendY - 8, 12, 12);
181
+ ctx.fillStyle = '#2c3e50';
182
+ ctx.font = '12px -apple-system, BlinkMacSystemFont, sans-serif';
183
+ ctx.textAlign = 'left';
184
+ ctx.fillText(ds.label, legendX + 16, legendY + 2);
185
+ legendX += ctx.measureText(ds.label).width + 36;
186
+ }
187
+ }
188
+ }
189
+ /**
190
+ * 绘制折线图
191
+ */
192
+ function drawLineChart(ctx, data, options, progress) {
193
+ const { width, height, padding, showGrid, showLegend, showValues, title } = options;
194
+ const plotWidth = width - padding.left - padding.right;
195
+ const plotHeight = height - padding.top - padding.bottom;
196
+ // 计算数据范围
197
+ let allValues = [];
198
+ for (const ds of data.datasets) {
199
+ allValues = allValues.concat(ds.data);
200
+ }
201
+ const dataMax = options.yMax || Math.max(...allValues, 0);
202
+ const dataMin = options.yMin || Math.min(...allValues, 0);
203
+ const yTicks = calculateYTicks(dataMax, dataMin);
204
+ const yMin = yTicks[0];
205
+ const yMax = yTicks[yTicks.length - 1];
206
+ const yRange = yMax - yMin || 1;
207
+ // 清空画布
208
+ ctx.clearRect(0, 0, width, height);
209
+ // 绘制标题
210
+ if (title) {
211
+ ctx.fillStyle = '#2c3e50';
212
+ ctx.font = 'bold 16px -apple-system, BlinkMacSystemFont, sans-serif';
213
+ ctx.textAlign = 'center';
214
+ ctx.fillText(title, width / 2, 24);
215
+ }
216
+ // 绘制网格线和 Y 轴刻度
217
+ if (showGrid) {
218
+ ctx.strokeStyle = '#e5e7eb';
219
+ ctx.lineWidth = 1;
220
+ ctx.fillStyle = '#95a5a6';
221
+ ctx.font = '12px -apple-system, BlinkMacSystemFont, sans-serif';
222
+ ctx.textAlign = 'right';
223
+ for (const tick of yTicks) {
224
+ const y = padding.top + plotHeight - ((tick - yMin) / yRange) * plotHeight;
225
+ ctx.beginPath();
226
+ ctx.moveTo(padding.left, y);
227
+ ctx.lineTo(width - padding.right, y);
228
+ ctx.stroke();
229
+ ctx.fillText(formatNumber(tick), padding.left - 8, y + 4);
230
+ }
231
+ }
232
+ // 绘制折线
233
+ const pointSpacing = data.labels.length > 1 ? plotWidth / (data.labels.length - 1) : 0;
234
+ for (let d = 0; d < data.datasets.length; d++) {
235
+ const ds = data.datasets[d];
236
+ const color = ds.color || DEFAULT_COLORS[d % DEFAULT_COLORS.length];
237
+ // 绘制填充区域
238
+ ctx.beginPath();
239
+ ctx.moveTo(padding.left, padding.top + plotHeight);
240
+ for (let i = 0; i < ds.data.length; i++) {
241
+ const value = ds.data[i] * progress;
242
+ const x = padding.left + i * pointSpacing;
243
+ const y = padding.top + plotHeight - ((value - yMin) / yRange) * plotHeight;
244
+ if (i === 0)
245
+ ctx.lineTo(x, y);
246
+ else
247
+ ctx.lineTo(x, y);
248
+ }
249
+ ctx.lineTo(padding.left + (ds.data.length - 1) * pointSpacing, padding.top + plotHeight);
250
+ ctx.closePath();
251
+ ctx.fillStyle = color + '15';
252
+ ctx.fill();
253
+ // 绘制线条
254
+ ctx.beginPath();
255
+ ctx.strokeStyle = color;
256
+ ctx.lineWidth = 2.5;
257
+ ctx.lineJoin = 'round';
258
+ ctx.lineCap = 'round';
259
+ for (let i = 0; i < ds.data.length; i++) {
260
+ const value = ds.data[i] * progress;
261
+ const x = padding.left + i * pointSpacing;
262
+ const y = padding.top + plotHeight - ((value - yMin) / yRange) * plotHeight;
263
+ if (i === 0)
264
+ ctx.moveTo(x, y);
265
+ else
266
+ ctx.lineTo(x, y);
267
+ }
268
+ ctx.stroke();
269
+ // 绘制数据点
270
+ for (let i = 0; i < ds.data.length; i++) {
271
+ const value = ds.data[i] * progress;
272
+ const x = padding.left + i * pointSpacing;
273
+ const y = padding.top + plotHeight - ((value - yMin) / yRange) * plotHeight;
274
+ ctx.beginPath();
275
+ ctx.arc(x, y, 4, 0, Math.PI * 2);
276
+ ctx.fillStyle = '#fff';
277
+ ctx.fill();
278
+ ctx.strokeStyle = color;
279
+ ctx.lineWidth = 2;
280
+ ctx.stroke();
281
+ // 数值标签
282
+ if (showValues && progress >= 1) {
283
+ ctx.fillStyle = '#2c3e50';
284
+ ctx.font = '11px -apple-system, BlinkMacSystemFont, sans-serif';
285
+ ctx.textAlign = 'center';
286
+ ctx.fillText(formatNumber(ds.data[i]), x, y - 10);
287
+ }
288
+ }
289
+ }
290
+ // 绘制 X 轴标签
291
+ ctx.fillStyle = '#6c757d';
292
+ ctx.font = '12px -apple-system, BlinkMacSystemFont, sans-serif';
293
+ ctx.textAlign = 'center';
294
+ for (let i = 0; i < data.labels.length; i++) {
295
+ const x = padding.left + i * pointSpacing;
296
+ ctx.fillText(data.labels[i], x, height - padding.bottom + 20);
297
+ }
298
+ // 绘制图例
299
+ if (showLegend && data.datasets.length > 1) {
300
+ const legendY = padding.top - 10;
301
+ let legendX = width / 2 - (data.datasets.length * 80) / 2;
302
+ for (let d = 0; d < data.datasets.length; d++) {
303
+ const ds = data.datasets[d];
304
+ const color = ds.color || DEFAULT_COLORS[d % DEFAULT_COLORS.length];
305
+ ctx.strokeStyle = color;
306
+ ctx.lineWidth = 2.5;
307
+ ctx.beginPath();
308
+ ctx.moveTo(legendX, legendY - 2);
309
+ ctx.lineTo(legendX + 16, legendY - 2);
310
+ ctx.stroke();
311
+ ctx.fillStyle = '#2c3e50';
312
+ ctx.font = '12px -apple-system, BlinkMacSystemFont, sans-serif';
313
+ ctx.textAlign = 'left';
314
+ ctx.fillText(ds.label, legendX + 22, legendY + 2);
315
+ legendX += ctx.measureText(ds.label).width + 42;
316
+ }
317
+ }
318
+ }
319
+ // ======================== 图表创建 ========================
320
+ /**
321
+ * 创建图表实例
322
+ *
323
+ * @param container - 容器元素或 Canvas 元素
324
+ * @param config - 图表配置
325
+ * @returns 图表实例
326
+ */
327
+ function createChart(container, config) {
328
+ // 获取或创建 Canvas
329
+ let canvas;
330
+ if (container instanceof HTMLCanvasElement) {
331
+ canvas = container;
332
+ }
333
+ else {
334
+ canvas = document.createElement('canvas');
335
+ container.appendChild(canvas);
336
+ }
337
+ const ctx = canvas.getContext('2d');
338
+ // 合并选项(逐个合并可选属性以确保非 undefined)
339
+ const userOpts = config.options;
340
+ const userPadding = userOpts?.padding;
341
+ const opts = {
342
+ title: userOpts?.title ?? DEFAULT_OPTIONS.title,
343
+ width: userOpts?.width ?? DEFAULT_OPTIONS.width,
344
+ height: userOpts?.height ?? DEFAULT_OPTIONS.height,
345
+ showGrid: userOpts?.showGrid ?? DEFAULT_OPTIONS.showGrid,
346
+ showLegend: userOpts?.showLegend ?? DEFAULT_OPTIONS.showLegend,
347
+ showValues: userOpts?.showValues ?? DEFAULT_OPTIONS.showValues,
348
+ animationDuration: userOpts?.animationDuration ?? DEFAULT_OPTIONS.animationDuration,
349
+ padding: {
350
+ top: userPadding?.top ?? DEFAULT_OPTIONS.padding.top,
351
+ right: userPadding?.right ?? DEFAULT_OPTIONS.padding.right,
352
+ bottom: userPadding?.bottom ?? DEFAULT_OPTIONS.padding.bottom,
353
+ left: userPadding?.left ?? DEFAULT_OPTIONS.padding.left,
354
+ },
355
+ yMax: userOpts?.yMax ?? DEFAULT_OPTIONS.yMax,
356
+ yMin: userOpts?.yMin ?? DEFAULT_OPTIONS.yMin,
357
+ };
358
+ // 设置 Canvas 尺寸(高清屏适配)
359
+ const dpr = getDevicePixelRatio();
360
+ let currentWidth = opts.width;
361
+ let currentHeight = opts.height;
362
+ let currentData = config.data;
363
+ function setupCanvas() {
364
+ canvas.width = currentWidth * dpr;
365
+ canvas.height = currentHeight * dpr;
366
+ canvas.style.width = currentWidth + 'px';
367
+ canvas.style.height = currentHeight + 'px';
368
+ ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
369
+ }
370
+ // 动画绘制
371
+ let animationId = null;
372
+ function draw(progress) {
373
+ if (config.type === 'bar') {
374
+ drawBarChart(ctx, currentData, opts, progress);
375
+ }
376
+ else {
377
+ drawLineChart(ctx, currentData, opts, progress);
378
+ }
379
+ }
380
+ function animate() {
381
+ if (animationId !== null) {
382
+ cancelAnimationFrame(animationId);
383
+ }
384
+ const startTime = performance.now();
385
+ const duration = opts.animationDuration;
386
+ function frame(now) {
387
+ const elapsed = now - startTime;
388
+ const progress = Math.min(elapsed / duration, 1);
389
+ // easeOutCubic
390
+ const eased = 1 - Math.pow(1 - progress, 3);
391
+ draw(eased);
392
+ if (progress < 1) {
393
+ animationId = requestAnimationFrame(frame);
394
+ }
395
+ else {
396
+ animationId = null;
397
+ }
398
+ }
399
+ animationId = requestAnimationFrame(frame);
400
+ }
401
+ // 初始绘制
402
+ setupCanvas();
403
+ animate();
404
+ // 返回图表实例
405
+ return {
406
+ update(data) {
407
+ currentData = data;
408
+ setupCanvas();
409
+ animate();
410
+ },
411
+ resize(width, height) {
412
+ currentWidth = width;
413
+ currentHeight = height;
414
+ setupCanvas();
415
+ draw(1);
416
+ },
417
+ destroy() {
418
+ if (animationId !== null) {
419
+ cancelAnimationFrame(animationId);
420
+ animationId = null;
421
+ }
422
+ ctx.clearRect(0, 0, currentWidth, currentHeight);
423
+ if (canvas.parentElement && container instanceof HTMLElement && canvas !== container) {
424
+ container.removeChild(canvas);
425
+ }
426
+ },
427
+ getContext() {
428
+ return ctx;
429
+ },
430
+ };
431
+ }
432
+ export { createChart };
433
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.mjs ADDED
@@ -0,0 +1 @@
1
+ var L=["#42b883","#3b82f6","#f59e0b","#ef4444","#8b5cf6","#ec4899","#14b8a6","#f97316","#06b6d4","#84cc16"],p={title:"",width:600,height:400,showGrid:!0,showLegend:!0,showValues:!1,animationDuration:500,padding:{top:40,right:30,bottom:50,left:60},yMax:0,yMin:0};function z(){return typeof window!="undefined"&&window.devicePixelRatio||1}function I(e,l,f=5){let b=e-l;if(b===0)return[l-1,l,l+1];let n=b/(f-1),s=Math.pow(10,Math.floor(Math.log10(n))),t=n/s,g;t<=1?g=s:t<=2?g=2*s:t<=5?g=5*s:g=10*s;let v=[],c=Math.floor(l/g)*g;for(;c<=e+g*.5;)v.push(Math.round(c*1e10)/1e10),c+=g;return v}function H(e){return e>=1e6?(e/1e6).toFixed(1)+"M":e>=1e3?(e/1e3).toFixed(1)+"K":String(Math.round(e*100)/100)}function Y(e,l,f,b){let{width:n,height:s,padding:t,showGrid:g,showLegend:v,showValues:c,title:D}=f,A=n-t.left-t.right,r=s-t.top-t.bottom,M=[];for(let o of l.datasets)M=M.concat(o.data);let B=f.yMax||Math.max(...M,0),V=f.yMin||Math.min(...M,0),C=I(B,V),w=C[0],S=C[C.length-1]-w||1;if(e.clearRect(0,0,n,s),D&&(e.fillStyle="#2c3e50",e.font="bold 16px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="center",e.fillText(D,n/2,24)),g){e.strokeStyle="#e5e7eb",e.lineWidth=1,e.fillStyle="#95a5a6",e.font="12px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="right";for(let o of C){let h=t.top+r-(o-w)/S*r;e.beginPath(),e.moveTo(t.left,h),e.lineTo(n-t.right,h),e.stroke(),e.fillText(H(o),t.left-8,h+4)}}let k=l.labels.length,i=A/k,a=Math.min(i*.6/l.datasets.length,50),u=(i-a*l.datasets.length)/2;for(let o=0;o<l.datasets.length;o++){let h=l.datasets[o],m=h.color||L[o%L.length];for(let d=0;d<h.data.length;d++){let T=h.data[d]*b,y=t.left+d*i+u+o*a,W=(T-w)/S*r,F=t.top+r-W;e.fillStyle=m,e.beginPath();let R=Math.min(4,a/4),E=Math.max(0,W);E>R*2?(e.moveTo(y,F+R),e.arcTo(y,F,y+R,F,R),e.arcTo(y+a,F,y+a,F+R,R),e.lineTo(y+a,t.top+r),e.lineTo(y,t.top+r)):e.rect(y,F,a,E),e.fill(),c&&b>=1&&(e.fillStyle="#2c3e50",e.font="11px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="center",e.fillText(H(h.data[d]),y+a/2,F-6))}}e.fillStyle="#6c757d",e.font="12px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="center";for(let o=0;o<l.labels.length;o++){let h=t.left+o*i+i/2;e.fillText(l.labels[o],h,s-t.bottom+20)}if(v&&l.datasets.length>1){let o=t.top-10,h=n/2-l.datasets.length*80/2;for(let m=0;m<l.datasets.length;m++){let d=l.datasets[m],T=d.color||L[m%L.length];e.fillStyle=T,e.fillRect(h,o-8,12,12),e.fillStyle="#2c3e50",e.font="12px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="left",e.fillText(d.label,h+16,o+2),h+=e.measureText(d.label).width+36}}}function q(e,l,f,b){let{width:n,height:s,padding:t,showGrid:g,showLegend:v,showValues:c,title:D}=f,A=n-t.left-t.right,r=s-t.top-t.bottom,M=[];for(let i of l.datasets)M=M.concat(i.data);let B=f.yMax||Math.max(...M,0),V=f.yMin||Math.min(...M,0),C=I(B,V),w=C[0],S=C[C.length-1]-w||1;if(e.clearRect(0,0,n,s),D&&(e.fillStyle="#2c3e50",e.font="bold 16px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="center",e.fillText(D,n/2,24)),g){e.strokeStyle="#e5e7eb",e.lineWidth=1,e.fillStyle="#95a5a6",e.font="12px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="right";for(let i of C){let a=t.top+r-(i-w)/S*r;e.beginPath(),e.moveTo(t.left,a),e.lineTo(n-t.right,a),e.stroke(),e.fillText(H(i),t.left-8,a+4)}}let k=l.labels.length>1?A/(l.labels.length-1):0;for(let i=0;i<l.datasets.length;i++){let a=l.datasets[i],u=a.color||L[i%L.length];e.beginPath(),e.moveTo(t.left,t.top+r);for(let o=0;o<a.data.length;o++){let h=a.data[o]*b,m=t.left+o*k,d=t.top+r-(h-w)/S*r;e.lineTo(m,d)}e.lineTo(t.left+(a.data.length-1)*k,t.top+r),e.closePath(),e.fillStyle=u+"15",e.fill(),e.beginPath(),e.strokeStyle=u,e.lineWidth=2.5,e.lineJoin="round",e.lineCap="round";for(let o=0;o<a.data.length;o++){let h=a.data[o]*b,m=t.left+o*k,d=t.top+r-(h-w)/S*r;o===0?e.moveTo(m,d):e.lineTo(m,d)}e.stroke();for(let o=0;o<a.data.length;o++){let h=a.data[o]*b,m=t.left+o*k,d=t.top+r-(h-w)/S*r;e.beginPath(),e.arc(m,d,4,0,Math.PI*2),e.fillStyle="#fff",e.fill(),e.strokeStyle=u,e.lineWidth=2,e.stroke(),c&&b>=1&&(e.fillStyle="#2c3e50",e.font="11px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="center",e.fillText(H(a.data[o]),m,d-10))}}e.fillStyle="#6c757d",e.font="12px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="center";for(let i=0;i<l.labels.length;i++){let a=t.left+i*k;e.fillText(l.labels[i],a,s-t.bottom+20)}if(v&&l.datasets.length>1){let i=t.top-10,a=n/2-l.datasets.length*80/2;for(let u=0;u<l.datasets.length;u++){let o=l.datasets[u],h=o.color||L[u%L.length];e.strokeStyle=h,e.lineWidth=2.5,e.beginPath(),e.moveTo(a,i-2),e.lineTo(a+16,i-2),e.stroke(),e.fillStyle="#2c3e50",e.font="12px -apple-system, BlinkMacSystemFont, sans-serif",e.textAlign="left",e.fillText(o.label,a+22,i+2),a+=e.measureText(o.label).width+42}}}function N(e,l){var V,C,w,G,S,k,i,a,u,o,h,m,d;let f;e instanceof HTMLCanvasElement?f=e:(f=document.createElement("canvas"),e.appendChild(f));let b=f.getContext("2d"),n=l.options,s=n==null?void 0:n.padding,t={title:(V=n==null?void 0:n.title)!=null?V:p.title,width:(C=n==null?void 0:n.width)!=null?C:p.width,height:(w=n==null?void 0:n.height)!=null?w:p.height,showGrid:(G=n==null?void 0:n.showGrid)!=null?G:p.showGrid,showLegend:(S=n==null?void 0:n.showLegend)!=null?S:p.showLegend,showValues:(k=n==null?void 0:n.showValues)!=null?k:p.showValues,animationDuration:(i=n==null?void 0:n.animationDuration)!=null?i:p.animationDuration,padding:{top:(a=s==null?void 0:s.top)!=null?a:p.padding.top,right:(u=s==null?void 0:s.right)!=null?u:p.padding.right,bottom:(o=s==null?void 0:s.bottom)!=null?o:p.padding.bottom,left:(h=s==null?void 0:s.left)!=null?h:p.padding.left},yMax:(m=n==null?void 0:n.yMax)!=null?m:p.yMax,yMin:(d=n==null?void 0:n.yMin)!=null?d:p.yMin},g=z(),v=t.width,c=t.height,D=l.data;function A(){f.width=v*g,f.height=c*g,f.style.width=v+"px",f.style.height=c+"px",b.setTransform(g,0,0,g,0,0)}let r=null;function M(T){l.type==="bar"?Y(b,D,t,T):q(b,D,t,T)}function B(){r!==null&&cancelAnimationFrame(r);let T=performance.now(),y=t.animationDuration;function W(F){let R=F-T,E=Math.min(R/y,1),P=1-Math.pow(1-E,3);M(P),E<1?r=requestAnimationFrame(W):r=null}r=requestAnimationFrame(W)}return A(),B(),{update(T){D=T,A(),B()},resize(T,y){v=T,c=y,A(),M(1)},destroy(){r!==null&&(cancelAnimationFrame(r),r=null),b.clearRect(0,0,v,c),f.parentElement&&e instanceof HTMLElement&&f!==e&&e.removeChild(f)},getContext(){return b}}}export{N as createChart};
package/package.json ADDED
@@ -0,0 +1,45 @@
1
+ {
2
+ "name": "@lytjs/plugin-chart",
3
+ "version": "5.0.1",
4
+ "description": "Lyt.js 图表插件 - 提供柱状图和折线图组件,使用 Canvas API 绘制,零运行时依赖",
5
+ "main": "dist/index.mjs",
6
+ "module": "dist/index.mjs",
7
+ "types": "dist/types/index.d.ts",
8
+ "exports": {
9
+ ".": {
10
+ "types": "./dist/types/index.d.ts",
11
+ "import": "./dist/index.mjs",
12
+ "require": "./dist/index.cjs",
13
+ "default": "./dist/index.mjs"
14
+ }
15
+ },
16
+ "sideEffects": false,
17
+ "files": [
18
+ "dist"
19
+ ],
20
+ "license": "MIT",
21
+ "author": "lytjs",
22
+ "repository": {
23
+ "type": "git",
24
+ "url": "https://gitee.com/lytjs/lytjs"
25
+ },
26
+ "homepage": "https://gitee.com/lytjs",
27
+ "keywords": [
28
+ "lyt",
29
+ "lytjs",
30
+ "chart",
31
+ "图表",
32
+ "bar",
33
+ "line",
34
+ "canvas",
35
+ "可视化",
36
+ "visualization",
37
+ "zero-dependency"
38
+ ],
39
+ "engines": {
40
+ "node": ">=18.0.0"
41
+ },
42
+ "publishConfig": {
43
+ "access": "public"
44
+ }
45
+ }