Как получить несколько линий на графике?

Question

Евгений Иванов @logpol32

Как получить несколько линий на графике?

Есть рабочий код, который выводит 2 линии на графике.
Данные берутся из скрипта select_data_from_base.php и передаются, как я понимаю, в функцию.

Я вставил в код "секцию"

{
type: 'line',
name: 'temp to press1',
data: data
}

И получил вторую линию. Но мне нужно чтобы данные для этой линии брались из другого скрипта.
Т.е. data: data_1

Как нужно изменить код, чтобы получить несколько линий на графике?

Весь код.

$.getJSON('select_data_from_base.php?1&callback=?', function (data) {
Highcharts.chart('container', {
        		
series:
[

{
type: 'line',
name: 'temp to press',
data: data
},

{
type: 'line',
name: 'temp to press1',
data: data
}	
		
]


});
});

Вопрос задан более трёх лет назад
137 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 1

3 комментария

Евгений Иванов @logpol32 Автор вопроса

Не очень понял, но

Вот весь код

<html>
<head>
<meta http-equiv=Content-Type content="text/html;charset=UTF-8">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
</head>
<body>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<script type="text/javascript">

$.getJSON('select_data_from_base.php?1&callback=?', function (data) {
Highcharts.chart('container', {
        		
series:
[

{
type: 'line',
name: 'temp to press',
data: data
},

{
type: 'line',
name: 'temp to press1',
data: data1
}	
    
]

});
});

</script>	
</body>
</html>

Результат $.getJSON('select_data_from_base.php?1&callback=?
это

([[Date.UTC(2013,5,2,1),1],[Date.UTC(2013,5,2,2),2],[Date.UTC(2013,5,2,3),1],[Date.UTC(2013,5,3,1),4],[Date.UTC(2013,5,3,6),2]])

это и есть data. Массив с датами и значениями. По этим параметрам строится график.

Мне нужно несколько линий на графике.
Нарисовать их просто

series:
[

{
type: 'line1',
name: 'temp to press',
data: data1
},

{
type: 'line2',
name: 'temp to press',
data: data2
},

{
type: 'line3',
name: 'temp to press1',
data: data3
}	

]

Но как получить значения data2 и data3?
Наверно лучше получить, до отрисовки графика.

По типу (код неверен - пишу для примера).

var data1,data2;
$.getJSON('select_data_from_base.php?1&callback=?',  function (data1){});
$.getJSON('select_data_from_base.php?2&callback=?',  function (data2){});

ну и далее в функцию отрисовки.

Написано более трёх лет назад

Дмитрий Еремин @EreminD

Есть рабочий код, который выводит 2 линии на графике

ну и далее в функцию отрисовки.

Как выглядит функция?

Написано более трёх лет назад

Евгений Иванов @logpol32 Автор вопроса

Дмитрий Еремин, я привел весь код выше.
Как я понял, функция отрисовки -

$.getJSON('select_data_from_base.php?1&callback=?', function (data) {
Highcharts.chart('container', {
        		
series:
[

{
type: 'line',
name: 'temp to press',
data: data
},

{
type: 'line',
name: 'temp to press1',
data: data1
}	
    
]

});
});

А как оно рисуется - это уже скрипты/библиотеки highcharts.

script src="https://code.highcharts.com/highcharts.js"></script>

И смотреть этот скрипт не имеет смысла.

Ведь всё уже известно. Нужна ещё линия - вот код

{
type: 'line,
name: 'new_line',
data: data
},

Как будет строиться данная линия? Определяет data. Это массив, который получаем выше

$.getJSON('select_data_from_base.php?1&callback=?', function (data) {

Но мы хотим много линий. И нам нужно получить много массивов.
Как то так

var data1,data2;
$.getJSON('select_data_from_base.php?1&callback=?',  function (data1){});
$.getJSON('select_data_from_base.php?2&callback=?',  function (data2){});

И тогда

{
type: 'line1',
name: 'temp to press',
data: data1
},

<!-- Ура! у нас есть дата - data2 для построения второй линии-->
{
type: 'line2',
name: 'temp to press',
data: data2
},

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

Средний
Эффект наложения блоков?
- 1 подписчик
- 13 часов назад
- 95 просмотров
2

ответа
JavaScript

+2 ещё

Средний
Как изменить содержание блока програмно со свойством contentEditable?
- 1 подписчик
- 14 часов назад
- 62 просмотра
0

ответов
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 14 часов назад
- 38 просмотров
0

ответов
JavaScript

Простой
Как после сабмита очистить поле type="tel" и показать очищенную маску?
- 1 подписчик
- 19 часов назад
- 60 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему при добавление переменно в style, она перестаёт обновляться?
- 1 подписчик
- вчера
- 67 просмотров
1

ответ
JavaScript

Простой
Как получить результат отправки на сервер, если fetch-запрос был в одной функции, а результат нужен в другой?
- 1 подписчик
- вчера
- 77 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Существуют ли браузерные реализации WebView для AJAX и Fetch?
- 1 подписчик
- 22 апр.
- 87 просмотров
1

ответ
JavaScript

Простой
Как обрабатывать пользовательский запрос больше не показывать конкретный попап?
- 1 подписчик
- 22 апр.
- 69 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать появление баннера от определенной высоты?
- 3 подписчика
- 22 апр.
- 595 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Запуск установки приложения PWA при загрузке страницы?
- 2 подписчика
- 21 апр.
- 217 просмотров
0

ответов
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript Fullstack

OnClass

от 200 000 до 600 000 ₽

Flutter developer

24 апр. 2024, в 13:10

400000 руб./за проект

Редактирование плагина на WP (дизайн, доп поля)

24 апр. 2024, в 13:01

5000 руб./за проект

Верстка двух страниц

24 апр. 2024, в 13:00

3000 руб./за проект

Answer 1 · 2017-11-22 14:50:14

а код покажите, как вы берете данные и строите график?
пока кода нет, будем абстрактно рассуждать

у вас есть

function drawLine(section){
//здесь код, как вы берете эту секцию и рисуете
}

теперь нужно то же самое с массивом?

series:
[

{
type: 'line',
name: 'temp to press',
data: data
},

{
type: 'line',
name: 'temp to press1',
data: data
}	
]

series.forEach( function(item){ drawLine(item) } )

Перебираем массив и каждый элемент шлем в фйункцию

Как получить несколько линий на графике?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт