当前位置：首页 > JavaScript

js实现股票

2026-01-30 10:57:54JavaScript

以下是几种常见的JavaScript实现股票相关功能的方法，涵盖数据获取、图表展示和简单交易逻辑：

获取股票实时数据

使用第三方API（如Alpha Vantage、Yahoo Finance等）获取实时股票数据：

js实现股票

async function fetchStockData(symbol) {
  const API_KEY = 'YOUR_API_KEY';
  const url = `https://www.alphavantage.co/query?function=TIME_SERIES_INTRADAY&symbol=${symbol}&interval=5min&apikey=${API_KEY}`;

  try {
    const response = await fetch(url);
    const data = await response.json();
    return data['Time Series (5min)'];
  } catch (error) {
    console.error('Error fetching stock data:', error);
  }
}

展示股票K线图

使用Chart.js或ECharts等库绘制K线图：

js实现股票

import * as echarts from 'echarts';

function renderStockChart(data, containerId) {
  const chart = echarts.init(document.getElementById(containerId));
  const option = {
    xAxis: { type: 'category', data: Object.keys(data) },
    yAxis: { scale: true },
    series: [{
      type: 'candlestick',
      data: Object.values(data).map(item => [
        item['1. open'],
        item['2. high'],
        item['3. low'],
        item['4. close']
      ])
    }]
  };
  chart.setOption(option);
}

简单交易模拟

实现基本的买入/卖出逻辑：

class StockPortfolio {
  constructor() {
    this.balance = 10000;
    this.holdings = {};
  }

  buy(symbol, shares, price) {
    const cost = shares * price;
    if (cost > this.balance) return false;

    this.balance -= cost;
    this.holdings[symbol] = (this.holdings[symbol] || 0) + shares;
    return true;
  }

  sell(symbol, shares, price) {
    if (!this.holdings[symbol] || this.holdings[symbol] < shares) return false;

    const proceeds = shares * price;
    this.balance += proceeds;
    this.holdings[symbol] -= shares;
    return true;
  }
}

计算技术指标

实现简单的移动平均线计算：

function calculateMA(data, period = 5) {
  const closes = Object.values(data).map(item => parseFloat(item['4. close']));
  const ma = [];

  for (let i = period - 1; i < closes.length; i++) {
    const sum = closes.slice(i - period + 1, i + 1).reduce((a, b) => a + b, 0);
    ma.push((sum / period).toFixed(2));
  }

  return ma;
}