This example features our chart with CSS added to set a background image for the chart Div container.
#testchart { background-image: url(“https://demo.b2itech.com/wp-content/uploads/2021/03/BlueBG.jpg”); }
#testchart .amChartsLegend.amcharts-legend-div{display:none;}
Shortcode break down All of these settings and more can be found in Settings / B2i Options
b2i_chart
Modules="EAT"
Symbol for data displaysdiv="testchart"
Setting Div container namec="d1d1ff"
Hex color code for Data linefa="0"
Fill Alpha set to 0 to not have any fill for the chart arealc2="ffffff"
Label Hex color set to ffffff (white)bga="0"
Chart Background alpha set to 0 to hidessb="0"
Show Scroll Bar set to 0 to hideca=".2"
Cursor Alpha set to .2cc="3f7afd"
Cursor color Hex code for cursor line that follows mousevct="line"
Volume Chart Type set to linevfa=".1"
Volume Fill Alpha set to .1 for be slightly visiblecba="0"
Chart Border Alpha set to 0 to hideudg="1"
Use Data Grid – instead of solid linesga="0"
Grid Alpha set to 0 to hideJavaScript API Breakdown
oChart.BizID= “449”;
oChart.Symbol = “EAT”;
oChart.Period= “3”;
oChart.sDiv = “testchart”;
oChart.FillColor = “d1d1ff”;
oChart.FillAlpha=”0″;
oChart.CursorColor=”3f7afd”;
oChart.CursorAlpha=”.2″;
oChart.InsideLabelAlpha=0;
oChart.AxisLabelColor=”ffffff”;
oChart.BGAlpha=0;
oChart.ShowScrollBar=false;
oChart.VolumeChartType=”line”;
oChart.VolumeFillAlpha=.1;
oChart.ChartBorderAlpha=”0″;
//oChart.UseDashGrid=”1″; not needed with following setting to set Grid Alpha off
oChart.GridAlpha=”0″;
GetChart();
oChart.Symbol = “EAT”;
oChart.Period= “3”;
oChart.sDiv = “testchart”;
oChart.FillColor = “d1d1ff”;
oChart.FillAlpha=”0″;
oChart.CursorColor=”3f7afd”;
oChart.CursorAlpha=”.2″;
oChart.InsideLabelAlpha=0;
oChart.AxisLabelColor=”ffffff”;
oChart.BGAlpha=0;
oChart.ShowScrollBar=false;
oChart.VolumeChartType=”line”;
oChart.VolumeFillAlpha=.1;
oChart.ChartBorderAlpha=”0″;
//oChart.UseDashGrid=”1″; not needed with following setting to set Grid Alpha off
oChart.GridAlpha=”0″;
GetChart();
[b2i_chart sdiv="testchart" s="EAT" c="d1d1ff" fa="0" lc2="ffffff" bga="0" ssb="0" ca=".2" vct="line" vfa=".1" cba="0" cc="3f7afd" udg="1" ga="0"]
Intraday chart
[b2i_intrachart s="EAT" e="NYSE: "]
A corporate logo branded chart
[b2i_chart sdiv="brinkerchart" height="650px" s="EAT" sd="Brinker International (EAT)" fa="0" lt="4" c="F06625" cc="666666" lc2="333" bga="0" ca=".2" vfa=".1" ga="0" cba="0" lm="30"]