如何以单向和另一个方式设置一个Highchart的一半？

Question

我正在为交易系统构建深度图表。 ：

我们正在使用Highcharts。有两种方法：将两个图表彼此相邻堆叠并具有单独的数据，或者将出价和请求数据加载到一个列表中并以此方式创建图表。

更好地准备数据的一种方法是什么？

如果我合并数据，我可以将半绿色和另一半红色吗？

Answer 1

我假设数据是x，y点的数组...... 如果是这样，你可以直接在中间找到数组索引......

//This rounding should be verified,
//this is off the top of my head
var midNum = Math.ceil( ( data.length / 2 ) );

使用midNum更改中点和更远点的样式。像这样......

//should also be checked
.point-selector:nth-child(n+(midNum))

查看this site了解有关第n个选择器的更多信息，我一直觉得它很有帮助。

该选择器可用于普通js或jQuery，分别为.style或.css（）选择元素