Stock Charts

B2i’s stock chart has many customization options.
After installing and activating the B2i plugin, please visit “Settings / B2i Options” in your WordPress installation for a complete list of customization options.

Stock Chart Examples

Shortcode Breakdown
Shortcode break down All of these settings and more can be found in Settings / B2i Options
b2i_chart Module
e="NYSE : " Text in front of Symbol in background
sd="EAT : BRINKER" Symbol override for display
c="336699" Hex color code for Data line and area fill color
cc="a02424" Hex color code for cursor color

JavaScript API Breakdown
oChart.BizID= “449”;
oChart.Exchange= “NYSE | BRINKER “;
oChart.SymbolDisplay=”EAT : Brinker International”;
oChart.sDiv = “chartdiv”;
oChart.Symbol = “EAT”;
oChart.Period= “3”;
oChart.FillColor = “336699”;
oChart.CursorColor=”a02424″;
GetChart();

[b2i_chart e="NYSE | " s="EAT" sd="Brinker International | EAT " c="336699" cc="a02424"]

Shortcode Breakdown
Shortcode break down All of these settings and more can be found in Settings / B2i Options
b2i_chart Module
sd="EAT : Brinker International" Symbol override for display
c="336699" Hex color code for Data line and area fill color
fa="0" Fill alpha 0 for none
cc="336699" Hex color code for cursor color
ct="smoothedLine" Chart type
lc3="336699" Inside label color
vic="0" Values inside chart turn off
lm="60" Left Margin increaded for value labels on outside
cba="0" Chart border alpha – turned off
udg="1" Use dash grid instead of lines
vct="line" set volume chart to type “line” instead of default “column”
vfa="0" Volume fill alpha
ssb="0" Show scroll bar turned off

JavaScript API Breakdown
oChart.BizID= “449”;
oChart.sDiv = “chartdiv”;
oChart.Symbol = “EAT”;
oChart.SymbolDisplay=”EAT : Brinker International”;
oChart.Period= “3”;
oChart.FillColor = “336699”;
oChart.FillAlpha= 0;
oChart.InsideLabelColor=”336699″;
oChart.ChartType=”smoothedLine”;
oChart.LeftMargin= “60”;
oChart.ValueInsideChart= false;
oChart.LineThickness= “2”;
oChart.ChartBorderAlpha=.0;
oChart.UseDashGrid=1;
oChart.VolumeChartType=”line”;
oChart.VolumeFillAlpha=0;
GetChart();

[b2i_chart sdiv="chart2" s="EAT" sd="EAT : Brinker International" udg="1" c="336699" cc="336699" lc3="336699" fa="0" ct="smoothedLine" vic="0" lm="60" cba="0" udg="1" vct="line" vfa="0" ssb="0"]

Shortcode Breakdown
Shortcode break down All of these settings and more can be found in Settings / B2i Options
b2i_chart Module
sd="Brinker International Inc." Symbol override for display
c="336699" Hex color code for Data line and area fill color
fa="0" Fill alpha 0 for none
lt="4" Inside label color
cc="336699" Hex color code for cursor color
ct="smoothedLine" Chart type
lc3="336699" Inside label color
la3="0.5" Inside label alpha
cba="0" Chart border alpha – turned off
udg="1" Use dash grid instead of lines
vfa=".2" Volume fill alpha
ssb="0" Show scroll bar turned off
stl="0" Show top label turned off


JavaScript API Breakdown
oChart.BizID=”449″;
oChart.SymbolDisplay=”Brinker International Inc.”;
oChart.sDiv=”chart3″;
oChart.Symbol=”EAT”;
oChart.Period=”3″;
oChart.FillColor=”578727″;
oChart.FillAlpha=0;
oChart.LineThickness=”4″;
oChart.InsideLabelColor=”578727″;
oChart.ChartBorderColor=”578727″;
oChart.InsideLabelAlpha=0.5;
oChart.ChartBorderAlpha=.1;
oChart.UseDashGrid=1;
oChart.VolumeFillAlpha=.2;
oChart.ShowScrollBar=false;
GetChart();

[b2i_chart sdiv="chart3" s="EAT" sd="Brinker International Inc." udg="1" c="578727" cc="578727" lt="4" lc3="578727" fa="0" cba=".1" udg="1" vfa=".2" ssb="0" la3="0.5" stl="0"]

Style added:
#whitechartcolorBG{ background-color: #006de2; }

[b2i_chart sdiv="whitechartcolorBG" width="550px" height="350px" s="EAT" sd=" " fa="0" c="d1d1ff" ca=".1" lc2="ffffff" lc3="ffffff" lc="ffffff" bga="0" ssb="0" vct="line" vfa=".1" ga="0" cba="0" sv="0" sc="1" lm="15"]