Label on Y axis in JQPlot in 3 Series Chart
Good Day,
I have my chart is here : http://imageshack.us/a/img713/7825/5noa.png
I wanted to have a label on the right side of the chart that scales to
percentage on the red painted area like 0%, 2%, 4%, 6%, 8%, 10% etc
Also the rendered chart at the beginning only half or the bar is showing
as well as in the end of the chart its showing just half of the bar how
can i set it actually see the full bar to it?
var line4 = [
{"viewed":2, "sumDate":1377129600000, "redeemed" : 8},
{"viewed":12, "sumDate":1377129600000, "redeemed" : 3},
{"viewed":18, "sumDate":1377129600000, "redeemed" : 13}
var plot2 = $
.jqplot(
'offersByDay',
[ viewedSeries, presentedSeries,
redeemedSeries ],
{
title : 'Any Titles here?',
// Turns on animation for all
series in this plot.
animate : true,
// Will animate plot on calls
to
plot1.replot({resetAxes:true})
animateReplot : true,
cursor : {
show : true,
zoom : true,
looseZoom : true,
showTooltip : true
},
legend : {
show : true,
location : 'n',
textColor : '#99999',
fontFamily : 'Sans Serif',
fontSize : '14pt',
placement : 'outsideGrid',
renderer :
$.jqplot.EnhancedLegendRenderer,
rendererOptions : {
numberRows : 1
},
},
seriesDefaults : {
shadow : false,
rendererOptions : {
barPadding : 0,
barMargin : 10,
barWidth : 25,
},
},
axes : {
xaxis : {
renderer :
$.jqplot.DateAxisRenderer,
tickRenderer :
$.jqplot.CanvasAxisTickRenderer,
tickOptions : {
angle : 40,
fontFamily : 'Sans
Serif',
fontSize : '14pt',
fontWeight : 'Bold',
textColor :
'#B3B3B3',
formatString : '%b
%#d'
},
//min:'June 16, 2008',
tickInterval : '1 day'
},
},
series : [
{
renderer :
$.jqplot.BarRenderer,
label : 'Viewed'
},
{
lineWidth : 4,
markerOptions : {
style : 'square'
},
label : '%Viewed
(of Presented)'
},
{
lineWidth : 4,
markerOptions : {
style :
'triangle'
},
label : '%
Redeemed (of
Viewed)'
} ]
});
});
No comments:
Post a Comment