lab

← Tilbake

Råvarepriser

Inkluder én eller flere råvarepris-diagrammer i artikkel.

Nationen abonnerer på et tjeneste som leverer løpende råvarepriser. De er tilgjengelige på samlesiden på nationen.no. Det er fire råvaretyper tilgjengelig per nå, men det jobbes med å hente inn flere. De er:

  • Hvete (USA) (WHEAT)
  • Soyabønner (SOYBEAN)
  • Råolje (BRENTOIL)
  • Naturgass (NG)

Du kan inkludere én eller flere av disse live-diagrammene i en artikkel ved å følge tre steg:

Slik gjør du

  1. Det følgende limes alltid inn i toppen av artikkelen (under ingress) i en embed-boks:
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.1/dist/chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<link rel="stylesheet" href="https://tunmedia.s3.us-east-2.amazonaws.com/natlab/2022/ticker/css/single-v1.min.css">
  1. Det neste du gjør er å kopiere inn en <div> med koden til råvaren i en embed-boks der du ønsker å vise diagrammet:
<div class="lab-market" data-chart="WHEAT"></div>

Du kan lime inn flere diagrammer i samme artikkel på samme måte som ovenfor, men du må huske å bytte ut råvarekoden.

  1. Til sist må lime inn en siste kode i en ny embed-boks et sted nedenfor diagrammet:
<script src="https://tunmedia.s3.us-east-2.amazonaws.com/natlab/2022/ticker/js/single-v1.min.js"></script>
<script>
chartsGo()
</script>

+1

Om du ønsker å starte grafen på null, og eventuelt legge til en egendefinert start-dato, erstatter du koden i det siste steget med denne:

<script src="https://tunmedia.s3.us-east-2.amazonaws.com/natlab/2022/ticker/js/single-v1.min.js"></script>
<script>
zeroLine = true
chartStart = "2022-01-01"
chartsGo()
</script>

Merk at vi bare har data tilbake til september 2021.