Widget:WJG Sandbox chart: Difference between revisions

Jump to navigation Jump to search
No edit summary
No edit summary
Line 70: Line 70:
             }
             }
var newopts = {
var newopts = {
yAxisLabel : "Percent Correct",


yAxisFontFamily : "'Arial'",
inGraphDataShow : true,
 
datasetFill : true,
 
scaleLabel: "<%=value%>",
 
scaleTickSizeRight : 5,
 
scaleTickSizeLeft : 5,
 
scaleTickSizeBottom : 5,
 
scaleTickSizeTop : 5,
 
scaleFontSize : 16,
 
canvasBorders : true,
 
canvasBordersWidth : 3,
 
canvasBordersColor : "black",
 
graphTitle : "Graph Title",
 
graphTitleFontFamily : "'Arial'",
 
graphTitleFontSize : 24,
 
graphTitleFontStyle : "bold",
 
graphTitleFontColor : "#666",
 
graphSubTitle : "Graph Sub Title",
 
graphSubTitleFontFamily : "'Arial'",
 
graphSubTitleFontSize : 18,
 
graphSubTitleFontStyle : "normal",
 
graphSubTitleFontColor : "#666",
 
footNote : "Footnote for the graph",
 
footNoteFontFamily : "'Arial'",


yAxisFontSize : 16,
footNoteFontSize : 8,


yAxisFontStyle : "normal",
footNoteFontStyle : "bold",


yAxisFontColor : "#666",
footNoteFontColor : "#666",


legend : true,
legend : true,
Line 84: Line 127:
legendFontFamily : "'Arial'",
legendFontFamily : "'Arial'",


legendFontSize : 18,
legendFontSize : 12,


legendFontStyle : "normal",
legendFontStyle : "normal",
Line 90: Line 133:
legendFontColor : "#666",
legendFontColor : "#666",


legendBlockSize : 30,
legendBlockSize : 15,


legendBorders : true,
legendBorders : true,


legendBordersWidth : 30,
legendBordersWidth : 1,
 
legendBordersColors : "#666",
 
yAxisLeft : true,
 
yAxisRight : false,
 
xAxisBottom : true,
 
xAxisTop : false,
 
yAxisLabel : "Y Axis Label",
 
yAxisFontFamily : "'Arial'",
 
yAxisFontSize : 16,
 
yAxisFontStyle : "normal",
 
yAxisFontColor : "#666",
 
xAxisLabel : "pX Axis Label",
 
xAxisFontFamily : "'Arial'",
 
xAxisFontSize : 16,
 
xAxisFontStyle : "normal",
 
xAxisFontColor : "#666",
 
yAxisUnit : "Y Unit",
 
yAxisUnitFontFamily : "'Arial'",
 
yAxisUnitFontSize : 8,
 
yAxisUnitFontStyle : "normal",
 
yAxisUnitFontColor : "#666",
 
annotateDisplay : true,
 
spaceTop : 0,
 
spaceBottom : 0,
 
spaceLeft : 0,
 
spaceRight : 0,
 
logarithmic: false,
 
// showYAxisMin : false,
 
rotateLabels : "smart",
 
xAxisSpaceOver : 0,
 
xAxisSpaceUnder : 0,
 
xAxisLabelSpaceAfter : 0,
 
xAxisLabelSpaceBefore : 0,
 
legendBordersSpaceBefore : 0,
 
legendBordersSpaceAfter : 0,
 
footNoteSpaceBefore : 0,
 
footNoteSpaceAfter : 0,
 
startAngle : 0
 
// dynamicDisplay : true


legendBordersColor : "#666"
}
}
             // get line chart canvas
             // get line chart canvas
             var buyers = document.getElementById('buyers').getContext('2d');
             var buyers = document.getElementById('buyers').getContext('2d');

Revision as of 18:46, 17 May 2014