Как оформить одну половину 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))

Посетите этот сайт, чтобы узнать больше о nth-селекторах, я всегда находил его полезным.

Этот селектор может использоваться в обычном js или jQuery для выбора элементов для.style или.css() соответственно