@363045841yyt/klinechart 0.5.1 → 0.5.3
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 +17 -3
- package/dist/index.cjs +1 -1
- package/dist/index.js +704 -287
- package/dist/klinechart.css +1 -1
- package/dist/src/core/drawing/index.d.ts +7 -0
- package/dist/src/core/drawing/interaction.d.ts +9 -3
- package/dist/src/plugin/types.d.ts +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
A lightweight financial charting library with first-class AI Agent support, crisp ResizeObserver-driven rendering, and plugin-based architecture.
|
|
1
2
|
<div align="center">
|
|
2
3
|
|
|
3
4
|
English | [简体中文](README_CN.md)
|
|
@@ -91,8 +92,6 @@ const config: SemanticChartConfig = {
|
|
|
91
92
|
<template>
|
|
92
93
|
<KLineChart
|
|
93
94
|
:semanticConfig="config"
|
|
94
|
-
:kWidth="7"
|
|
95
|
-
:kGap="3"
|
|
96
95
|
:yPaddingPx="24"
|
|
97
96
|
/>
|
|
98
97
|
</template>
|
|
@@ -104,6 +103,20 @@ const config: SemanticChartConfig = {
|
|
|
104
103
|
- [Plugin System](./docs/PLUGIN_SYSTEM.md) - Extension mechanism and custom development
|
|
105
104
|
- [Renderer Development Guide](./docs/renderer-development-guide.md) - Custom renderer development
|
|
106
105
|
|
|
106
|
+
## 📋 Component Props
|
|
107
|
+
|
|
108
|
+
| Prop | Type | Default | Description |
|
|
109
|
+
|------|------|---------|-------------|
|
|
110
|
+
| semanticConfig | `SemanticChartConfig` | **required** | Semantic configuration, the only control source for chart data and indicators |
|
|
111
|
+
| yPaddingPx | `number` | 0 | Y-axis padding in pixels |
|
|
112
|
+
| minKWidth | `number` | 2 | Minimum K-line width (logical pixels) |
|
|
113
|
+
| maxKWidth | `number` | 50 | Maximum K-line width (logical pixels) |
|
|
114
|
+
| rightAxisWidth | `number` | 0 | Right price axis width |
|
|
115
|
+
| bottomAxisHeight | `number` | 24 | Bottom time axis height |
|
|
116
|
+
| priceLabelWidth | `number` | 60 | Price label extra width for showing change percentage |
|
|
117
|
+
| zoomLevels | `number` | 20 | Total number of zoom levels |
|
|
118
|
+
| initialZoomLevel | `number` | 3 | Initial zoom level (1 ~ zoomLevels) |
|
|
119
|
+
|
|
107
120
|
## 🗺️ Roadmap
|
|
108
121
|
|
|
109
122
|
- [x] K-line zoom anchor stability, improved zoom feel
|
|
@@ -113,11 +126,12 @@ const config: SemanticChartConfig = {
|
|
|
113
126
|
- [x] Drawing system
|
|
114
127
|
- [x] Right axis zoom
|
|
115
128
|
- [x] Latest price line and right axis label style optimization
|
|
116
|
-
- [
|
|
129
|
+
- [x] Area primitive tools and rendering
|
|
117
130
|
- [ ] More advanced drawing tools
|
|
118
131
|
|
|
119
132
|
## 🚀 What's New
|
|
120
133
|
|
|
134
|
+
- **v0.5.2** Advanced drawing tools: parallel channel, regression channel, smooth top/bottom, and non-intersecting channel
|
|
121
135
|
- **v0.5.0** Complete drawing tool system, supporting line, rectangle, text drawing and style editing
|
|
122
136
|
- **v0.4** Modern UI, left toolbar, right axis optimization, TradingView-style zoom feel
|
|
123
137
|
|