Bootstrap هي مجموعة أدوات في الواجهة الأمامية التي طورها مصممي Twitter السابقين Mark Otto و Jacob Thornton ، والتي توفر مواصفات HTML و CSS الأنيقة. Bootstrap ليس مجرد إطار ، بل يغير اللعبة بأكملها. يجعل هذا الإطار تصميم وتطوير العديد من التطبيقات ومواقع الويب أسهل بكثير ، ويعزز عددًا كبيرًا من أطر HTML في منتجات.
Chart Component Chart.js هو واحد من المكونات الأكثر فائدة من bootstrap. إنه مشابه لمكون عالي المدفوع. من حيث التأثير ، لا يزال هناك فرق بسيط بين المنتجات الحرة والمدفوعة ، ولكن يمكن أن تلبي احتياجات مشروعنا تقريبًا من حيث الوظيفة. يتم كتابة البرنامج النصي JS التالي بشكل أساسي لتسهيل تكوين الرسم البياني.
) y-axis* @returns إرجاع معلمات التكوين للمخطط*/وظيفة getNewConfig (اللون ، النوع ، العنوان ، التسمية ، الفئات ، البيانات) {var background = color ؛ var config = {type: type ، الخيارات: {responsive: true ، legend: صحيح ، scaleLabel: {display: false ، labelstring: 'month'}}] ، yaxes: [{display: true ، scaleLabel: {display: false ، labelstring: 'value'}}] خلفية ، خلفية اللون: الخلفية ، pointbordercolor: الخلفية ، pointbackgroundcolor: الخلفية ، pointborderwidth:} ؛ var data = {kys: الفئات ، مجموعات البيانات: [dataset]} ؛ config.data = data ؛ config ؛طريقة الاتصال:
<canvas id = "chart_weixinmember"> </tanvas> var color = 'rgba (،،،،،،،،،، var categories = ["-" ، "-" ، "-" ، "،"-"-"-"،" ، "-" ، "،"-"-"] نمو العضوية في الأيام الأخيرة "، أضاف أعضاء WeChat الجدد في ذلك اليوم" ، الفئات ، البيانات) ؛ var ctx = document.getElementById ("chart_weixinmember"). getContext ("D") ؛ var weixinmembercountchart = new Chart (ctx ، config) ؛الآثار الموضحة:
ملاحظة: استخدم الكود أعلاه للإشارة إلى chart.js ،
الرسم البياني الصيني والوثائق:
http://www.bootcss.com/p/chart.js/
http://www.bootcss.com/p/chart.js/docs/
تخطيط موقع اللغة الإنجليزية والوثائق:
www.chartjs.org
www.chartjs.org/docs