mirror of
https://github.com/opensourcepos/opensourcepos.git
synced 2026-03-22 17:02:09 -04:00
72 lines
1.5 KiB
PHP
72 lines
1.5 KiB
PHP
<script>
|
|
// Labels and data series
|
|
var data = {
|
|
labels: <?php echo json_encode($labels_1); ?>,
|
|
series: [{
|
|
name: '<?php echo $yaxis_title; ?>',
|
|
data: <?php echo json_encode($series_data_1); ?>
|
|
}]
|
|
};
|
|
|
|
// We are setting a few options for our chart and override the defaults
|
|
var options = {
|
|
|
|
// Specify a fixed width for the chart as a string (i.e. '100px' or '50%')
|
|
width: '100%',
|
|
|
|
// Specify a fixed height for the chart as a string (i.e. '100px' or '50%')
|
|
height: '80%',
|
|
|
|
// Padding of the chart drawing area to the container element and labels as a number or padding object {top: 5, right: 5, bottom: 5, left: 5}
|
|
chartPadding: {
|
|
top: 10,
|
|
// right: 15,
|
|
// bottom: 10,
|
|
// left: 10
|
|
},
|
|
|
|
// X-Axis specific configuration
|
|
axisX: {
|
|
// Lets offset the chart a bit from the labels
|
|
offset: 120,
|
|
position: 'end'
|
|
},
|
|
|
|
// Y-Axis specific configuration
|
|
axisY: {
|
|
// Lets offset the chart a bit from the labels
|
|
offset: 60
|
|
},
|
|
|
|
// plugins configuration
|
|
plugins: [
|
|
Chartist.plugins.ctAxisTitle({
|
|
axisX: {
|
|
axisTitle: '<?php echo $xaxis_title; ?>',
|
|
axisClass: 'ct-axis-title',
|
|
offset: {
|
|
x: 0,
|
|
y: 100
|
|
},
|
|
textAnchor: 'middle'
|
|
},
|
|
axisY: {
|
|
axisTitle: '<?php echo $yaxis_title; ?>',
|
|
axisClass: 'ct-axis-title',
|
|
offset: {
|
|
x: 0,
|
|
y: 0
|
|
},
|
|
textAnchor: 'middle',
|
|
flipTitle: false
|
|
}
|
|
}),
|
|
|
|
Chartist.plugins.ctPointLabels({
|
|
textAnchor: 'middle'
|
|
})
|
|
]
|
|
};
|
|
|
|
new Chartist.Bar('#chart1', data, options);
|
|
</script>
|