(Highchart) 24-часовой график: связать последнюю точку с первой

#javascript #angularjs #charts #highcharts

#javascript #angularjs #Диаграммы #highcharts

Вопрос:

Я должен запрограммировать машину с несколькими значениями в течение дня, и, кроме того, мне нужно построить график с этими значениями для промежуточных значений. Для этого следует связать последнюю точку на графике с первой.

На данный момент я создал дополнительную точку в начале и конце, чтобы повторить последнее и первое значение соответственно, но на следующий день и предыдущий.

первый пример диаграммы

Но проблема возникает, когда я меняю эти значения и хочу отобразить графику (это приложение AngularJS с плагином перетаскиваемых точек в будущих версиях), например, при установке первой точки на 23:00. Я должен изменить несколько точек, включая дополнительные, но это очень сложно, потому что некоторые из этих точек вычисляются (круги), на самом деле, на этой диаграмме есть только 3 точки (квадраты)…

пример диаграммы ошибок

Есть ли какой-либо способ избежать этих дополнительных точек (в начале и в конце) и использовать только те, которые имеют реальные или вычисленные значения? Есть ли у Highcharts какое-либо свойство для создания 24-часовой «циклической линейной диаграммы» или чего-то подобного?

Большое спасибо!

Комментарии:

1. Я не уверен, чего вы хотите достичь, но, может быть, вы можете использовать параметр step? jsfiddle.net/yuuqeeLt Я думаю, что ваша текущая проблема связана с тем фактом, что у вас нет отсортированных данных. Есть ли у вас какие-либо ошибки в вашей консоли?

2. Спасибо за вашу помощь, но мне нужно изменить порядок точек… Мне нужно присвоить значения точкам и всегда связывать их, последнее с первым. То есть, если сегодня у меня 15 в 5:00 и 20 в 22:00, завтра у меня будет 15 в 5:00 и 20 в 22:00, и мне нужна строка, которая представляет промежуточные значения на графике за 24 часа. Надеюсь, я объяснил себя лучше.

3.Это похоже на установку параметра connectends в true, но в 24-часовой линейной диаграмме. jsfiddle.net/3ky0yue7 api.highcharts.com/highcharts/plotOptions.line.connectEnds