diff --git a/docs/api/line_layer/path.zh.md b/docs/api/line_layer/path.zh.md
index 56e7023715..44a95b109a 100644
--- a/docs/api/line_layer/path.zh.md
+++ b/docs/api/line_layer/path.zh.md
@@ -65,16 +65,17 @@ layer.size('height', []);
// 配置箭头 IArrowOption
layer.style({
arrow: {
- enable: true, // 是否开启箭头、默认为 false
- arrowWidth: 2, // 箭头的宽度、默认值为 2、与线的 size 相关
+ enable: true, // 是否开启箭头、默认为 false
+ arrowWidth: 2, // 箭头的宽度、默认值为 2、与线的 size 相关
arrowHeight: 3, // 箭头的高度、默认值为 3、与线的 size 相关
+ tailWidth: 1, // 配置箭头的时候支持设置线尾部的宽度
},
});
```
[在线案例](/zh/examples/line/path#arrow)
-
+
为了构造箭头,我们会在处理数据的时候插入多余的节点用于构造节点(为了不增加额外的消耗,普通线不会进行插入操作)。
diff --git a/examples/line/path/demo/arrow.js b/examples/line/path/demo/arrow.js
index 03c4f7cc43..052c3c373b 100644
--- a/examples/line/path/demo/arrow.js
+++ b/examples/line/path/demo/arrow.js
@@ -123,13 +123,14 @@ const lineLayer = new LineLayer({})
]
}
)
- .size(1.5)
+ .size(2)
.shape('line')
.style({
arrow: {
enable: true,
arrowWidth: 4,
- arrowHeight: 6
+ arrowHeight: 4,
+ tailWidth: 0.4
}
})
.color('#f00');