Getting Started

Hover Charts

Embedded Charts

Interactive Charts

Application Widget

Getting Started

Getting started with FreeStockCharts.com Widgets

FreeStockCharts Widgets are market data and charts you can add to your website. There is no server-side installation requirement. All widgets are served via a JavaScript tag. Microsoft Silverlight is used for the chart visuals and data communication. The library is small and lightweight and is served via the FreeStockCharts.com servers, so no additional traffic or data burden is added to your website. The widgets work in all major browser platforms including but not limited to Internet Explorer, Firefox, and Safari. (Google Chrome is not an officially supported browser, but the widgets work correctly.)

Hover Charts Quick Start

Hover charts will find stock ticker symbols on your web page and will replace them with Real-time streaming data. 

Use the Hover Chart Wizard to create the hover chart script. Paste the script tags in the <body> of your web page, preferrably near the top of the document. Sample script is below (note: your pubID will be different than the example and will be assigned when you create the script from the wizard).

<script src="http://widgets.FreeStockCharts.com/script/bfcGlobalLib.js" type="text/javascript"></script>
<script src="http://widgets.FreeStockCharts.com/script/bfcHoverWidgetLib.js?v=4" type="text/javascript"></script>
 <script type="text/javascript">
         // NOTE: This is a sample script only. Use the hover widget wizard at widgets.FreeStockCharts.com/wizard.aspx
         var obj = new bfcHoverWidget("default");
        obj.bfcMode = "hover";
        obj.bfcEmbedLastNet = true;
        obj.pubID = 501
        obj.Init();
</script>

Embedded Charts Quick Start

Embedded charts are Real-time streaming charts with indicators that can be displayed on any web page. Because of the number of options for configuring an embedded chart, the easiest method to get started with embedded charts is to use the interactive embedded chart widget maker. Paste the script tag inline with your html document where the chart should appear. Below is a sample embedded chart script:

<script src="http://widgets.FreeStockCharts.com/script/bfcGlobalLib.js" type="text/javascript"></script>
<script type="text/javascript" src="http://widgets.FreeStockCharts.com/script/bfcEmbeddedChart2.js"></script>
<script type="text/javascript">
         // NOTE: This is a sample script only. Use the embedded widget maker at widgets.FreeStockCharts.com/MakeEmbedded.aspx
    var chart = new bfcEmbedded('myBfcChart1', 501, 300,200);
    chart.initParams = 'Symbol=DJ-30,ShowSymbolInHeader=True,IndicatorLegends=False,PricePlotStyle=HLC,PriceColor=Lime,NumberOfBars=50,TimeFrame=1-Day'; chart.borderColor = 'white';
    chart.createChart();
</script> 

Interactive Charts Quick Start

Interactive Charts are a premium (paid) widget that has a large number of customization options and allows the website visitor to customize the display, add their own indicators, change symbols and timeframes and save and load charts. The Interactive chart can also be used in "locked down" mode where the website vistor cannot make any changes but the website publisher can choose what and how the chart is displayed. There is an extensive API for the Interactive charts. To see the customization options, view the Interactive Chart Demo. For more information on this premium widget and other premium options, email Feedback@FreeStockCharts.com

<script src="http://widgets.FreeStockCharts.com/script/bfcGlobalLib.js" type="text/javascript"></script>
<script src="http://widgets.FreeStockCharts.com/script/FSCChartWidget3.js" type="text/javascript"></script>
<script type="text/javascript">
    var chart = new BFCChart("bfcChart", 501, 800, 400);   // Replace the 501 with your pubID
    chart.targetElement = 'chartDiv';
    chart.defaultChart = "c44fb9ed-7ec4-4de0-908a-a8cb71c0717a";
    chart.createChart();
</script>

Application Widget Quick Start

The Application Widget is a premium (paid) widget like the one used on http://www.FreeStockCharts.com. To see the widget in action view the Application Widget Demo. For more information on this premium widget and other premium options, email Feedback@FreeStockCharts.com

<script src="http://widgets.FreeStockCharts.com/script/bfcGlobalLib.js" type="text/javascript"></script>
<script src="http://widgets.FreeStockCharts.com/script/bfcAppWidget.js" type="text/javascript"></script>
 <script type="text/javascript"> 
    var chart = new BFCApp("bfcApp", 501, '100%', '100%');
    chart.userID = 1;
    chart.createApp();
</script>    /blockquote>