General Options








Color Palette Chooser














Bar Graph Options










X-Axis Options




Y-Axis Options




Grid Options










Mouse Options













Legend Options








DIV Options



title: 'Choices', subtitle: 'by %', shadowSize: 4, HtmlText: false, resolution: 2, fontSize: 7.5, fontColor: '#000000', colors: ['#bb5643', '#33c2ff', '#089938', '#dc9b3e', '#ffff9f', '#4d8ea6'], grid: { color: '#545454', backgroundColor: null, backgroundImage: null, watermarkAlpha: 0.4, tickColor: '#DDDDDD', labelMargin: 3, verticalLines: true, horizontalLines: true, outlineWidth: 0, outline : 'nsew', circular: false }, xaxis : { showLabels: true, showMinorLabels: false, labelsAngle: 0, title: 'X axis', titleAngle: '0', }, yaxis : { showLabels: true, showMinorLabels: false, labelsAngle: 0, title: 'Y axis', titleAngle: '90', }, bars: { show: true, lineWidth: 2, barWidth: 0.4, fill: true, fillColor: null, fillOpacity: 0.8, horizontal: false, stacked: false, centered: true, topPadding: 0.1, grouped: false }, mouse : { track : true, trackFormatter: function (e){return e.y + '%'}, trackDecimals: 0, relative: false, position: 'se', lineColor: '#ffff00', sensibility: 2, trackY: true, radius: 3, margin: 5, mouseTextColor: '#ffffff', mouseBGColor: '#000000', boxAlpha: '0.8', fillColor: null, fillOpacity: 0.8 }, legend : { show: true, position: 'nw', labelBoxBorderColor: '#cccccc', labelBoxWidth: 14, labelBoxHeight: 10, labelBoxMargin: 5, margin: 5, backgroundColor: '#fff8b8', backgroundOpacity: 0.85, }