Javascript 如何以一种方式和另一种方式设计海图的一半?

Javascript 如何以一种方式和另一种方式设计海图的一半?,javascript,charts,highcharts,trading,Javascript,Charts,Highcharts,Trading,我正在建立一个交易系统的深度图 我们用的是海图。有两种方法:将两个图表堆叠在一起并具有单独的数据,或者将出价和询问数据加载到一个列表中,并以这种方式创建图表 准备数据的一种方法更好吗 如果我组合数据,我能将一半的绿色和另一半的红色涂成颜色吗?我假设数据是x,y点的数组。。。 如果是这样,你可以直接在中间找到数组索引,比如……/P> //This rounding should be verified, //this is off the top of my head var midNum = M

我正在建立一个交易系统的深度图

我们用的是海图。有两种方法:将两个图表堆叠在一起并具有单独的数据,或者将出价和询问数据加载到一个列表中,并以这种方式创建图表

准备数据的一种方法更好吗


如果我组合数据,我能将一半的绿色和另一半的红色涂成颜色吗?

我假设数据是x,y点的数组。。。 如果是这样,你可以直接在中间找到数组索引,比如……/P>
//This rounding should be verified,
//this is off the top of my head
var midNum = Math.ceil( ( data.length / 2 ) );
//should also be checked
.point-selector:nth-child(n+(midNum))
使用
midNum
更改中点及以上点的样式。像这样

//This rounding should be verified,
//this is off the top of my head
var midNum = Math.ceil( ( data.length / 2 ) );
//should also be checked
.point-selector:nth-child(n+(midNum))
查看更多关于第n个选择器的信息,我总是觉得它很有用


该选择器可用于普通js或jQuery中,分别为.style或.css()选择元素

如果您有两个数据系列,则为每个系列指定一种颜色-。如果有一系列数据,请使用“分区”选项为图形的特定部分着色