javascript - Highcharts 图案填充如何使形状靠得更近？

Question

我在 Highcharts 中创建了以下模式：

我想知道如何使模式更紧密地结合在一起，我查看了他们的整个 api 但一无所获，我调整了高度和宽度，什么也没有。

     pattern: {
        path: {
             d: 'M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11',
             strokeWidth: 3

                },
        height:10, 
        width:10, 
        r:4,
        color:'#d4483d'

Answer 1

你不仅需要减少模式height和width，还需要改变path：

    color: {
        pattern: {
            path: {
                d: 'M 0 0 L 6 6 M 5 -1 L 7 1 M -1 5 L 1 7',
                strokeWidth: 3

            },
            height: 6,
            width: 6,
            r: 4,
            color: '#d4483d'
        }
    }

现场演示：https ://jsfiddle.net/BlackLabel/5fg2zd1y/

文档：https ://www.highcharts.com/blog/tutorials/pattern-fills/