javascript - 在使用网络图时，为什么要用两种不同的颜色为公共节点着色。？

Question

我尝试使用线性渐变。我可以看到这两种颜色。但问题是它在线性变化。但我需要的是每种颜色应占节点的 50%。没有线性变化。

我的代码：

subchart.point.color = {

    linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
    
    stops: [[0, color[0]], 
    
    [0.75, color[1]] 

  ]};

谁可以帮我这个事。？

例如：

当条为一半时，我需要立即更改颜色。即我不想要线性变化。例如类似于我的问题。我需要实现这一点

我的问题的示例链接

标签： javascriptd3.jshighcharts

Answer 1

您需要将您共享的演示中的颜色配置添加到网络图系列中：

  color: {
    linearGradient: {
      x1: 0,
      x2: 0,
      y1: 0,
      y2: 1
    },
    stops: [
      [0, '#003399'],
      [1, '#ff66AA']
    ]
  }

演示：https ://jsfiddle.net/BlackLabel/e5b4kcpq/