javascript如何展示股票行情分析结果

引入Chart.js库

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

创建一个画布元素用于绘制K线图

<canvas id="stockChart"></canvas>

利用JavaScript绘制K线图

// 假设我们有获取到的股票数据存储在变量data中
const ctx = document.getElementById('stockChart').getContext('2d');
const closePrices = Object.values(data["Time Series (1min)"]).map(entry => parseFloat(entry["4. close"]));
const labels = Object.keys(data["Time Series (1min)"]);
const chartData = {
  labels: labels,
  datasets: [{
    label: 'Close Price',
    data: closePrices,
    backgroundColor: 'rgba(0, 123, 255, 0.5)',
    borderColor: 'rgba(0, 123, 255, 1)',
    borderWidth: 1
  }]
};
 
new Chart(ctx, {
  type: 'line',
  data: chartData,
  options: {
    responsive: true,
    maintainAspectRatio: false
  }
});