【问题标题】：How to style one half of a Highchart one way and the other another?如何以一种方式和另一种方式设计 Highchart 的一半？
【发布时间】：2017-11-23 15:30:37
【问题描述】：
我正在为交易系统构建深度图。 :
我们正在使用 Highcharts。有两种方法：将两个图表并排堆叠在一起并拥有单独的数据，或者将出价和要价数据加载到一个列表中并以这种方式创建图表。
准备数据的一种方法更好吗？
如果我将这些数据结合起来，我能否将一半的绿色和另一半的红色着色？
【问题讨论】：
标签：
javascript
charts
highcharts
trading
【解决方案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 了解更多关于 nth- 选择器的信息，我一直觉得它很有帮助。
该选择器可以在纯 js 或 jQuery 中用于分别为 .style 或 .css() 选择元素