MagicMirror module for displaying stock price using the Alphavantage API.

• mode:table
  

• mode:ticker
  

• mode:grid with direction:'row'
  

• mode:ticker with own purchase prices
  

• mode:ticker with own purchase prices and total performance compared to the purchase price
  

** 2.3.0 **

• multi-table support. Use config option maxTableRows to show several table pages when symbol count exceeds maxTableRows.
• improved direction description.
• added purchasePrice and perf2Purch to grid and table (thanks @spitzlbergerj)
• improved ticker and grid styling

** 2.2.0 **

• (by @spitzlbergerj) within the ticker mode, a line with the own purchase price and the display for profit and loss is added. The performance compared to the own purchase price can be displayed too.
• changed width scheme, hopefully fixing #35
• optimized tagline, now showing once below chart or table/grid/ticker
• code cleanup
• fixed ticker length (may fix ticker length issue): ticker can now expand over many items.
• optimized grid

** 2.1.0 **

• grid layout
• direction option to show chart besides other module
• improved styling
• fixed alias issue

** 2.0.0 **

• included Highcharts npm module for charts
• option to add chart (mode: series still available)
• improved API calls
• technicals (EMA or SMA)
• touch functions (choose stock chart, zoom in chart)

cd ~/MagicMirror/modules
git clone https://github.com/lavolp3/MMM-AVStock
cd MMM-AVStock
npm install

Get your free API key here: https://www.alphavantage.co/

Free account has a limit of quota (5 request per minute, 500 requests per day).
Over the time Alphavantahge has shown to be unreliable, since more and more stocks and function got excluded.
Currently several users (including me) only get stock data for the previous day.
I am working on an alternative API.

{
  //disabled:true,
  module: "MMM-AVStock",
  position: "top_left",
  config: {
    apiKey : "YOUR_ALPHAVANTAGE_KEY",
    symbols : ["AAPL", "GOOGL", "TSLA"],
    alias: ["APPLE", "GOOGLE", "TESLA"],
  }
},

{
    module: "MMM-AVStock",
    position: "top_left", //"bottom_bar" is better for `mode:ticker`
    config: {
        apiKey : "",
        timeFormat: "DD-MM HH:mm",
        width: null,
        symbols : ["AAPL", "GOOGL", "TSLA"],
        alias: ["APPLE", "GOOGLE", "TESLA"],
        locale: config.language,
        tickerDuration: 20,
        chartDays: 90,
        maxTableRows: null,
        mode : "table",                  // "table" or "ticker"
        showChart: true,
        chartWidth: null,
        showVolume: true,
        chartInterval: "daily",          // choose from ["intraday", "daily", "weekly", "monthly"]
        movingAverage: {
            type: 'SMA',
            periods: [200]
        },
        decimals : 2,
        chartType: 'line',                // 'line', 'candlestick', or 'ohlc'
        chartLineColor: '#eee',
        chartLabelColor: '#eee',
        coloredCandles: true,
        debug: false
    }
},

{
    module: "MMM-AVStock",
    position: "bottom_bar",
    config: {
        apiKey : "",{
        mode : "ticker",
        symbols : ["TL0.F","AMZN","MSFT"],
        alias: ["Tesla","Amazon","Microsoft"],
        purchasePrice: [123.45, 1234.56, 12.34],
        decimals: 0,
        tickerDuration: 20,
        showChart: false,
        showVolume: false,
        showPurchasePrices: true,
        showPerformance2Purchase: true,
    }
},

[ ] Use another API! [ ] Switch to Nunjucks template! [x] Grid view [ ] Support purchase Price in all modes [ ] Fix Volume bars (not showing correct colors due to highcharts' grouping function