Привет, я совершенно новичок в хай-чартах и имею базовое понимание JavaScript.
http://data.fixer.io/api/latest?access_key=b74dda0c99e32e39b8eb5aebaa199d1d&symbols=GBP&format=1
Следующая ссылка дает доступ к моим живым данным JSON.
Я создал базовую диаграмму с использованием статических данных, но я ищу диаграмму для чтения файла API вместо статической даты.
В идеале график должен обновлять значения как евро, так и фунта стерлингов на почасовой основе, чтобы показать текущие обменные курсы за 24-часовой период.
Следующий код - моя статическая схема
<body>
<div id="container"></div>
<script>
Highcharts.chart('container', {
title: {
text: 'Chart example'
},
xAxis: {
},
series: [{
name: 'Pound Sterling (£)',
data: [1.112, 1.124, 1.119, 1.121, 1.123, 1.117, 1.113]
}, {
name: 'Euro (€)',
data: [1.101, 1.126, 1.112, 1.131, 1.124, 1.135, 1.101]
},
],
yAxis: {
title: {
text: 'Currency Value'
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle'
},
responsive: {
rules: [{
condition: {
maxWidth: 500
},
chartOptions: {
legend: {
layout: 'horizontal',
align: 'center',
verticalAlign: 'bottom'
}
}
}]
}
});
</script>