Question

我目前正在将Highcharts与模式填充模块结合使用。当我在图表中为系列设置模式时，该模式会显示出来，但背景是透明的。我需要设置其他背景，因为该模式与我不想在其后看到的另一个系列重叠。您可以检查此fiddle。因此，基本上我不想在模式后面的左侧看到这三列。有什么想法可以做到吗？我没有看到任何设置其他背景的选项，但也许您知道一些技巧。这是我用于模式的代码：

     "color": {
        "pattern": {
          "path": {
            "d": "M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11"
          },
          "width": 10,
          "height": 10,
          "opacity": 1,
          "color": "rgb(84,198,232)"
        }
      }

Answer 1

您需要将fill属性设置为路径属性：

        "color": {
            "pattern": {
                "path": {
                    "d": "M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11",
                    fill: 'red'
                },
                "width": 10,
                "height": 10,
                "opacity": 1,
                "color": 'rgb(84,198,232)'
            }
        }

实时演示： https://jsfiddle.net/BlackLabel/m9rxwej5/

Answer 2

我想已经更新了。应该在图案的根目录级别设置backgroundColor：

"color": {
        "pattern": {
            "backgroundColor": 'red',
            "path": {
                "d": "M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11",
            },
            "width": 10,
            "height": 10,
            "opacity": 1,
            "color": 'rgb(84,198,232)',
        }
    }

https://jsfiddle.net/vL4fqhao/

如何在Highcharts中为图案添加背景？

2 个答案: