javascript - مميزات - مكتبة جافاسكريبت الرسومية




مميزات الجافا سكريبت (7)

إذا كنت تستخدم مسج:

http://code.google.com/p/flot/

أنا بصدد إنشاء تطبيق ويب على غوغل أب إنجين للمتعة، وأود تضمين الرسوم البيانية حتى يتمكن المستخدمون من مشاهدة بعض الإحصاءات. هل هناك أي مكتبات مجانية (إما في البيرة أو الكلام) جافا سكريبت التي يمكن أن تأخذ طاولة أو إجراء بعض مكالمة أجاكس وعرض الرسم البياني؟





ثيرس واجهة برمجة تطبيقات التصور من غوغل ،

فإنه يتيح لك إنشاء المخططات سهلة / الجداول (بعضها حتى تفاعلية) إلى حد كبير أي شيء في جافاسكريبت

google.load("visualization", "1", {packages:["areachart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Year');
    data.addColumn('number', 'Sales');
    data.addColumn('number', 'Expenses');
    data.addRows(2);
    data.setValue(0, 0, '2004');
    data.setValue(0, 1, 1000);
    data.setValue(0, 2, 400);
    data.setValue(1, 0, '2005');
    data.setValue(1, 1, 1170);
    data.setValue(1, 2, 460);
    var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
    chart.draw(data, {width: 400, height: 240, legend: 'bottom', title: 'Company Performance'});
  }

وإليك بعض الأمثلة من معرض جوجل من التصورات المتاحة حاليا.

http://code.google.com/apis/visualization/documentation/gallery/images/icon-areachart.png http://code.google.com/apis/visualization/documentation/gallery/images/icon-areachart.png http://code.google.com/apis/visualization/documentation/gallery/images/icon-barchart.png ألت تكست http://code.google.com/apis/visualization/documentation/gallery/images/icon-gauge .png ألت تكست http://code.google.com/apis/visualization/documentation/gallery/images/icon-piechart.png


هايغتشارتس تبدو مثيرة للإعجاب حقا. انها تقوم على مسج أو موتولس.


فلوت يمكن أن تخلق بعض الرسوم البيانية تبحث لطيفة حقا. إنها مكتبة جافا سكريبت بدلا من خدمة مثل غوغل تشارتس. أنها لا تتطلب مسج على الرغم من.





graph