Javascript Highcharts：条形图中的重叠颜色

我正在尝试创建一个与条形图重叠的条形图。一切正常，但我不喜欢图像中的显示方式：

我不喜欢值“2010”中的白色条与蓝色重叠。是否可以显示蓝色直到白色开始出现？我想要这样的东西：

    plotOptions: {
        bar: {
            grouping: false,
            shadow: false,
            dataLabels: {
                enabled: true,
                color: "black",
                x: -50
            }
        },

        series: {
            label: {
                connectorAllowed: false
            },
            pointStart: 2010
        }
    }

正如您所看到的，在这幅图像中，颜色没有重叠，蓝色只在值为之前使用它的颜色，而白色在蓝色结束后开始使用它自己的颜色

我的打印选项如下所示：

    plotOptions: {
        bar: {
            grouping: false,
            shadow: false,
            dataLabels: {
                enabled: true,
                color: "black",
                x: -50
            }
        },

        series: {
            label: {
                connectorAllowed: false
            },
            pointStart: 2010
        }
    }

而且，数据在c语言的控制器中变得很糟糕。该系列为：

series = new List<series>()  {
     new series { name = "BarBlue", data = new int[] {400, 350, 420 }, color = "rgb(0, 0, 255)", borderColor = "#FFFFFF"},
     new series { name = "BarWhite", data = new int[] { 510, 200, 320 }, color = "rgb(255, 255, 255)", borderColor = "#000000" },
 }

最后，我尝试将颜色设置为rgba，但它混合了条的颜色，我不喜欢，我只想显示条的全色

为了在代码中清楚地看到错误，我把阿尔法问题留给了小提琴手

在第一种情况下，白色条与蓝色条重叠，导致颜色失真。如果我们移除阿尔法通道，这些蓝色条将完全消失，如第二个小提琴手所示：

在第一个栏中，可以在全彩unil处绘制蓝色栏，直到达到最大点，然后绘制白色栏？在情况2或3中，反转条形图的显示顺序将导致相反的问题

---

谢谢

对于特定点没有“zIndex”选项-它只能针对每个系列进行设置

可以将主系列拆分为基础系列和重叠系列。将重叠系列链接到基础系列，并将其工具提示设置为“基础”名称

例如：

  series: [{
     name: "Blue",
      color: "rgba(0, 0, 153, 1)",
      borderColor: "#000000",
      data: [null, 350, 420]
    },
    {
      name: "White",
      color: "rgba(245,245,220, 1)",
      borderColor: "#000000",
      data: [510, 200, 320]
    }, {
      name: 'Blue - overlapping',
      color: "rgba(0, 0, 153, 1)",
      borderColor: "#000000",
      data: [400, null, null],
      linkedTo: 0,
      tooltip: {
        pointFormat: '<span style="color:{point.color}">\u25CF</span> Blue: <b>{point.y}</b><br/>'
      }
    }
  ]

对于完全控制，您可能需要创建一个白色重叠系列

实例和输出

---

嗨，尝试使用我不确定我是否理解你试图实现的目标-尝试处理这个问题。可以为每个列设置特定的颜色-@morganfree这里有一个带alpha的小提琴手，正如您所看到的，第一行中的白色条与蓝色条重叠。如果我们去掉alpha，蓝色条就会消失。我不想那样。没有alpha的Fiddler:Hi@Deep3015，我看到了链接，但这会造成视觉效果，因为两个条紧密相连，而不是重叠，这是我在本书中的愿望