Hello again.
i'm getting several strange behaviors including not scaling correctly, positive values showing as negative bars, little tick marks at the end of the chart lines of chart lines 2, 3, and 4,
and a small colored circle shape appearing when I mouse over the most recent bar of chart line 1 just below the tooltip. I'm sure its me. I just don't no what I'm doing wrong.
The bar chart definition follows.
$('.inlinebar4').sparkline('html', {width:'4em', fillColor:'white', lineColor:'white', spotColor:'', minSpotColor:'', maxSpotColor:'', highlightSpotColor:null, highlightLineColor:null, tooltipFormat:'{{x}} = {{y.2}}', numberDigitGroupSep:'', tagValuesAttribute:'linevalues'});
$('.inlinebar4').sparkline('html', {type:'bar', barColor:'blue', negBarColor:'red', tagValuesAttribute:'barvalues', composite:'true', disableInteraction:'true', barWidth:6, barSpacing:1});
The inline definition follows.
<SPAN CLASS='inlinebar$m' barvalues='$stride2[$i]' linevalues='$stride3[$i]' TITLE='Stride / %' ONMOUSEOVER=\"setStatus(' ');\" ONMOUSEOUT=\"setStatus(' ');\"></SPAN>
I would be happy with a simple barchart that scaled correctly, had positive bars for positive values and negative bars for negative values, and no tick marks or strange colored circles appearing on mouseover.
I have tried a simple bar chart definition like the following.
$('.inlinebar4').sparkline('html', {width:'4em', barColor: 'red', negBarColor:'red', tooltipFormat:'{{x}} = {{y.2}}', fillColor:''} );
The inline part follows.
<SPAN CLASS='inlinebar$m' TITLE='Stride / %'>$stride2[$i]</SPAN>
The bar chart did not show at all.
I think I need some guidance on this.