linecharts-demo 1.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 +41 -0
- package/dist/assets/index-zDYOSiNV.js +78 -0
- package/dist/index.html +24 -0
- package/index.html +24 -0
- package/package.json +23 -0
- package/src/App.tsx +965 -0
- package/src/index.tsx +9 -0
- package/tsconfig.json +20 -0
- package/vite.config.ts +9 -0
package/README.md
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
# Line Charts Demo - unisys-barcharts
|
|
2
|
+
|
|
3
|
+
This project demonstrates the line chart components from `unisys-barcharts` npm package.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Run Development Server
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
npm run dev
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
Then open http://localhost:3001 in your browser.
|
|
18
|
+
|
|
19
|
+
## Components Demonstrated
|
|
20
|
+
|
|
21
|
+
1. **LineChart** - Basic line chart with multiple datasets
|
|
22
|
+
2. **MultiAxisLineChart** - Line chart with multiple Y-axes
|
|
23
|
+
3. **SteppedLineChart** - Stepped/staircase line chart
|
|
24
|
+
4. **SegmentedLineChart** - Line chart with per-segment styling
|
|
25
|
+
5. **PointStyleLineChart** - Line chart with custom point styles
|
|
26
|
+
|
|
27
|
+
## Features
|
|
28
|
+
|
|
29
|
+
- Smooth interpolation (monotone, catmull-rom, linear)
|
|
30
|
+
- Fill area under lines
|
|
31
|
+
- Tooltips on hover
|
|
32
|
+
- Legend with toggle functionality
|
|
33
|
+
- Customizable point styles
|
|
34
|
+
- Multiple Y-axes support
|
|
35
|
+
- Segment-based styling
|
|
36
|
+
- Animation support
|
|
37
|
+
- Responsive design
|
|
38
|
+
|
|
39
|
+
## Package
|
|
40
|
+
|
|
41
|
+
Using `unisys-barcharts@1.0.1` from npm.
|