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