A new 3D Bar chart demo
Written by Richard Heyes, RGraph author, on 10th December 2022A new 3D Bar chart demo has been added to the download archive as well as a few new options that are available to the Bar chart.
I've added a new 3D Bar chart demo to the download archive called bar-menu-choices.html - an image
of which is shown here. It's a standard 3D Bar chart but with the variantThreedAngle option set to
0 so that it doesn't have a perfectly correct 3D appearance - but still looks good.
To enable this chart a few new 3D options have been added to the Bar chart:
variantThreedXaxisColor(#ddd)variantThreedYaxisColor(#ddd)backgroundGridThreedYaxis(true)
These options will be available from the next release of RGraph - version 6.10. The full code for the chart is as follows:
<script>
new RGraph.Bar({
id: 'cvs',
data: [[37,31],[45,24],[15,36],[28,25]],
options: {
colors: ['#eab904','#ca6053'],
variant: '3d',
variantThreedAngle: 0,
variantThreedYaxisColor: 'rgba(216,216,216,0.7)',
variantThreedOffsetx:15,
variantThreedOffsety:10,
backgroundGridVlines: false,
backgroundGridHlinesCount: 10,
backgroundGridBorder: false,
backgroundGridColor: 'gray',
variantThreedYaxisColor: 'rgba(0,0,0,0.15)',
marginInner: 30,
marginLeft: 55,
marginBottom: 100,
marginTop: 95,
xaxisLabels:['Haddock &\r\nchips','Beef madras\r\nwith rice','Vegetable\r\nlasagne','Roast turkey &\r\ntrimmings'],
xaxisLabelsOffsety: 3,
yaxisLabelsBold: true,
xaxisLabelsBold: true,
yaxisTitle: 'Number of people',
yaxisTitleBold: true,
yaxisScaleMax: 50,
yaxisLabelsCount: 10,
key: ['Male','Female'],
keyPosition: 'margin',
keyPositionOffsetx: 10,
keyPositionOffsety: -15,
keyLabelsOffsety: 2,
keyColorShape: 'circle',
title: 'Menu choices',
titleOffsety: -15,
titleSize: 20
}
}).wave();
</script>