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');