@wil-works/evoke-charts 0.5.0 → 0.6.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/README.md +4 -3
- package/dist/{ai-BmXDig6M.js → ai-B5Fk3lBQ.js} +686 -310
- package/dist/ai.mjs +1 -1
- package/dist/evoke-charts.css +37 -31
- package/dist/index.mjs +280 -60
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -8,14 +8,15 @@
|
|
|
8
8
|
|
|
9
9
|
## 特性
|
|
10
10
|
|
|
11
|
-
- **
|
|
11
|
+
- **29 种图表类型**：折线 / 面积 / 柱状 / 堆叠柱 / 条形 / 饼图 / 环形 / 玫瑰图 / 散点（趋势线 / 四象限 / 分面 / 矩阵）/ 雷达 / 漏斗 / 仪表盘 / 热力图 / 日历热力 / K 线（量副图 / MA 均线）/ 子弹图 / 直方图 / 矩形树图 / 旭日图 / 瀑布图 / 箱线图 / 混合双轴 / 迷你图 / 桑基图 / 韦恩图 / 弦图 / 弧长连接图（线性 / 环形）/ 甘特图
|
|
12
12
|
- **零运行时依赖**：仅 peer 依赖 Vue 3，全部绘制自研 Canvas 2D
|
|
13
13
|
- **主题跟随**：从 `--ev-*` CSS 令牌实时读取颜色，宿主换主题 / 暗色即跟随；无令牌时使用内置色板兜底
|
|
14
|
+
- **内置色系**：`palette` 一键固定成套配色（7 套现代色系，明暗双主题各 8 槽），生效后不随宿主换肤
|
|
14
15
|
- **交互完备**：tooltip、图例点选 / 悬停高亮、十字准线、dataZoom（滑块 / 滚轮 / 触摸平移）、框选刷选、工具箱（导出 PNG / 还原）、多图 connect 联动
|
|
15
16
|
- **叙述与编排**：`annotations[]` 图内旁白（峰值标注 / 区间强调 / 涨跌结论）、`emphasis` 焦点弱化、`scenes` 分幕 reveal / 自动播报
|
|
16
17
|
- **AI 生成**：`generateChartSpec` 数据直生（CSV / 表格 → Spec，列推断与选型全自动）、`buildChartPrompt` 提示词契约（喂给任意大模型）、`lintChartSpec` 渲染自检；Spec 即 `options`，`getSpec / setSpec` 往返
|
|
17
18
|
- **导出**：`toDataURL`（PNG）、`exportSVG`（真矢量，渲染指令录制重放）
|
|
18
|
-
- **无障碍**：`role="img"` + aria-label、hover 信息 aria-live
|
|
19
|
+
- **无障碍**：`role="img"` + aria-label、hover 信息 aria-live 播报、容器可聚焦后方向键巡历类目（准线 / tooltip / 播报与指针同通道）
|
|
19
20
|
|
|
20
21
|
## 安装
|
|
21
22
|
|
|
@@ -91,7 +92,7 @@ const options = {
|
|
|
91
92
|
|
|
92
93
|
### 事件
|
|
93
94
|
|
|
94
|
-
`ready` / `click` / `legend-click` / `hover` / `unhover` / `animation-end` / `data-update` / `brush-select` / `zoom`
|
|
95
|
+
`ready` / `click` / `legend-click` / `hover` / `unhover` / `scene-change` / `animation-end` / `data-update` / `brush-select` / `zoom`
|
|
95
96
|
|
|
96
97
|
### 实例方法（ref）
|
|
97
98
|
|