Supplier Relationship Dashboard

SIHOO Global Supply Chain Management

Active Suppliers

0

Strategic Suppliers

0

Average Quality Score

0

High Risk Suppliers

0

Supplier Performance

Supplier Category Distribution

Supplier Overview

Loading...
// =============================== // Chart.js BI Dashboard // =============================== let performanceChart; let categoryChart; function drawCharts(data){ // Supplier Performance Average let quality = data.reduce( (a,b)=>a+b.quality_score, 0 )/data.length; let delivery = data.reduce( (a,b)=>a+b.delivery_score, 0 )/data.length; let cost = data.reduce( (a,b)=>a+b.cost_score, 0 )/data.length; if(performanceChart){ performanceChart.destroy(); } performanceChart = new Chart( document .getElementById( "performanceChart" ), { type:"radar", data:{ labels:[ "Quality", "Delivery", "Cost", "Service" ], datasets:[{ label:"SIHOO Supplier Average", data:[ quality, delivery, cost, 92 ] }] }, options:{ responsive:true, scales:{ r:{ beginAtZero:true, max:100 } } } } ); // Category Distribution let categories={}; data.forEach( item=>{ if(!categories[item.category]){ categories[item.category]=0; } categories[item.category]++; } ); if(categoryChart){ categoryChart.destroy(); } categoryChart = new Chart( document .getElementById( "categoryChart" ), { type:"doughnut", data:{ labels:Object.keys(categories), datasets:[{ data:Object.values(categories) }] } } ); } // =============================== // Navigation // =============================== document .querySelectorAll( ".menu-item" ) .forEach( item=>{ item.onclick=function(){ let text=this.innerText; if(text.includes("Suppliers")){ document .getElementById( "supplierPanel" ) .classList .remove( "hidden" ); } } } );