在使用网络图时,有什么理由用两种不同的颜色为公共节点着色。?

时间:2021-05-04 14:14:29

标签: javascript d3.js highcharts

this is the one I achieved by using linear gradient我尝试使用线性渐变。我可以看到这两种颜色。但问题是它是线性变化的。但我需要的是每种颜色应该占据节点的 50%。没有线性变化。

我的代码:

subchart.point.color = {

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

  ]};

有人可以帮我吗?

例如:

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

I need to achieve this

an example link for my question

1 个答案:

答案 0 :(得分:1)

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

<script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>

<div id="root"></div>

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

相关问题