Solo quiero construir el precio de las acciones del gráfico de líneas, y administrar los datos json y ponerlos para construir el gráfico.
Si tengo algunos datos json.
[ { "close": 116.59, "high": 117.49, "low": 116.22, "open": 116.57, "symbol": "AAPL", "volume": 46691331, "id": "HISTORICAL_PRICES", "key": "AAPL", "date": "2020-11-27", }, // { ... } ]Y comenzó con el código chart.js
<script> var ctx = document.getElementById('myChart').getContext('2d'); var myChart = new Chart(ctx, { type: 'line', data: { labels: ['Jan', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets: [{ label: '# of Votes', data: [12, 29, 3, 5, 1, 3], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)' ], borderColor: [ 'rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)' ], borderWidth: 1 }] }, options: { scales: { y: { stacked: true } } } }); </script>**Si quiero hacer un bucle con una clave llamada cerrar (es solo un precio) en cada índice de datos json, y ponerla en los datos del conjunto de datos a continuación **
datasets: [{ label: '# of Votes', data: [12, 29, 3, 5, 1, 3],Cómo puedo hacer eso ?
Puede recorrer cada objeto de la matriz JSON y enviar el valor de la propiedad de cierre a una nueva variable de matriz.
mira este fragmento
var arr = [ { "close": 116.59, "high": 117.49, "low": 116.22, "open": 116.57, "symbol": "AAPL", "volume": 46691331, "id": "HISTORICAL_PRICES", "key": "AAPL", "date": "2020-11-27", }, { "close": 114.59, "high": 117.49, "low": 116.22, "open": 116.57, "symbol": "AAPL", "volume": 46691331, "id": "HISTORICAL_PRICES", "key": "AAPL", "date": "2020-11-27", }, { "close": 11.59, "high": 117.49, "low": 116.22, "open": 116.57, "symbol": "AAPL", "volume": 46691331, "id": "HISTORICAL_PRICES", "key": "AAPL", "date": "2020-11-27", } ]; var dataset = []; arr.forEach((value, key)=>{ dataset.push(value.close); }); console.log(dataset);var arr = [ { "close": 116.59, "high": 117.49, "low": 116.22, "open": 116.57, "symbol": "AAPL", "volume": 46691331, "id": "HISTORICAL_PRICES", "key": "AAPL", "date": "2020-11-27", }, { "close": 105.3, "high": 117.49, "low": 116.22, "open": 116.57, "symbol": "AAPL", "volume": 46691331, "id": "HISTORICAL_PRICES", "key": "AAPL", "date": "2020-11-27", }, ]; var data = arr.filter(item => item?.close).map(item => item.close); console.log(data);