สอนทำระบบ POS (ระบบขายหน้าร้าน) Ep 46. นำข้อมูลที่ได้จากการ Queryมาแสดง บนกราฟของ Highcharts(Dashboard Part 5)
สอนทำระบบ POS (ระบบขายหน้าร้าน) Ep 46.
นำข้อมูลที่ได้จากการ Queryมาแสดง บนกราฟของ Highcharts
(Dashboard Part 5)
ระบบ บริหารจัดการร้านกาแฟ PHP | FD22-Cafe (Coffee AND Bakery)
ระบบบริหารจัดการ รีสอร์ท | Booking Resort System PHP
CART&POS (ระบบจัดการงานขายหน้าร้านและ ออนไลน์ สำหรับร้านค้าขนาดกลาง,SME)
ระบบ POS (Point of Sale) ระบบขายหน้าร้าน ตัวเต็ม
(มีระบบ BarCode และ QR-Code รองรับเครื่องแสกน)
ตัวอย่างผลงาน FD22 Logistic 2020 ระบบบริหารจัดการขนส่ง
สอนทำระบบ POS (ระบบขายหน้าร้าน) Ep 46. นำข้อมูลที่ได้จากการ Queryมาแสดง บนกราฟของ Highcharts(Dashboard Part 5)
Code
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 |
<script> $(function () { $('#container').highcharts({ data: { table: 'datatable', }, credits: { text: 'fordev22.com', }, chart: { type: 'column', }, title: { text: 'รายงานภาพรวมยอดขาย 5 อันดับแรก ที่ขายดี', style: { } }, plotOptions: { series: { colorByPoint: true, borderWidth: 2, dataLabels: { enabled: true, style: { }, } } }, xAxis: { //gridLineWidth: 1, labels: { style: { font: '11px Trebuchet MS, Verdana, sans-serif' } }, title: { text: 'สินค้า', style: { fontWeight: 'bold', fontSize: '12px', fontFamily: 'Trebuchet MS, Verdana, sans-serif' } } }, yAxis: { labels: { style: { font: '11px Trebuchet MS, Verdana, sans-serif' } }, allowDecimals: false, title: { text: 'ยอดขาย', style: { } } }, legend: { itemStyle: { fontWeight: 'bold' } }, tooltip: { formatter: function () { return '<b>' + this.series.name + '</b><br/>' + this.point.y + ' ' + this.point.name.toLowerCase(); } } }); }); </script> |
