mirror of
https://github.com/opensourcepos/opensourcepos.git
synced 2026-10-20 07:14:33 -04:00
48 lines
1.2 KiB
PHP
48 lines
1.2 KiB
PHP
<script>
|
|
// Labels and data series
|
|
var data = {
|
|
labels: <?php echo json_encode($labels_1); ?>,
|
|
series: <?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: 20
|
|
},
|
|
|
|
// show the labels on the border with the pie chart
|
|
labelPosition: 'outside',
|
|
|
|
plugins: [
|
|
Chartist.plugins.tooltip({
|
|
currency: '<?php echo $this->config->item('currency_symbol'); ?>'
|
|
})
|
|
]
|
|
};
|
|
|
|
/* var responsiveOptions = [
|
|
['screen and (min-width: 640px)', {
|
|
chartPadding: 30,
|
|
labelOffset: 100,
|
|
labelDirection: 'explode',
|
|
labelInterpolationFnc: function(value) {
|
|
return value;
|
|
}
|
|
}],
|
|
['screen and (min-width: 1024px)', {
|
|
labelOffset: 80,
|
|
chartPadding: 20
|
|
}]
|
|
];*/
|
|
|
|
new Chartist.Pie('#chart1', data, options/*, responsiveOptions*/);
|
|
</script>
|