الرسم البياني مع مسج

Question

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

ولكن مشكلتي هنا الفعلي يتم إرسال البيانات إلى خادم Google لإنشاء الرسوم البيانية.هل هناك طريقة لمنع البيانات من إرسالها إلى Google ؟ أنا أشعر بالقلق إزاء إرسال البيانات إلى طرف ثالث.

Answer 1

jqPlot تبدو جيدة جدا، وأنه مفتوح المصدر.

وهنا رابط لالأكثر إثارة للإعجاب وما يصل إلى التاريخ أمثلة jqPlot .

Answer 2

FLOT

القيود: خطوط نقطة، والمناطق شغل والحانات وفطيرة ومزيج من هذه

ومن منظور التفاعل، FLOT حتى الآن سوف تحصل في أقرب وقت ممكن لفلاش الرسوم البيانية كما يمكنك الحصول عليها مع jQuery. في حين أن الناتج الرسم البياني بقعة جميلة، وكبيرة في المظهر، يمكنك أيضا التفاعل مع نقاط البيانات. ما أعنيه بهذا هو أنك يمكن أن يكون لديك القدرة على أن تحوم فوق نقطة البيانات والحصول على ردود فعل مرئي على قيمة تلك النقطة في الرسم البياني.

ويدعم الإصدار جذع FLOT الرسوم البيانية الدائرية.

وFLOT التكبير (زووم).

وعلى رأس هذا، لديك أيضا القدرة على اختيار قطعة من الرسم البياني للحصول على البيانات مرة أخرى إلى "منطقة" معينة. كسمة الثانوية لهذا "التقسيم"، يمكنك أيضا تحديد منطقة على الرسم البياني وتكبير الخريطة لرؤية نقاط البيانات أكثر من ذلك بقليل عن كثب. رائع جدا .

---

خطوط المؤشرات

القيود: الفطيرة، والخط، بار، والجمع

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

---

سؤال الرسم البياني 0.21

القيود: المساحة، الخط، بار ومزيج من هذه

ومسج مخطط 0.21 ليس اجمل المساعد تبحث رسم هناك لديها ما يمكن ان يقال. أنها أساسية جدا في وظيفة عندما يتعلق الأمر الرسوم البيانية التي يمكن التعامل معها، لكن يمكن أن يكون مرنا إذا كان يمكنك وضع بعض الوقت والجهد في ذلك.

وإضافة القيم في مخطط بسيط نسبيا:

.chartAdd({

    "label"  : "Leads",
    "type"   : "Line",
    "color"  : "#008800",
    "values" : ["100","124","222","44","123","23","99"]
});

---

jQchart

القيود: بار، الخط

وjQchart هو واحد غريب، لقد بنيت في transistions الرسوم المتحركة والسحب / إسقاط وظائف في الرسم البياني، ومع ذلك فإنه من عالي الكعب قليلا - وعلى ما يبدو لا طائل منه. وهو يفعل توليد الرسوم البيانية لطيفة تبحث إذا كنت تحصل على الإعداد الحق CSS، ولكن هناك أفضل هناك.

---

TufteGraph

القيود: بار وبار مرصوف

وTuftegraph تبيع نفسها بأنها "الرسوم البيانية جميلة منك وعليك أن تظهر أمك". يتعلق الأمر قريب، FLOT هو أجمل، ولكن توفتي لا تصلح أن تكون خفيفة الوزن للغاية. وعلى الرغم من أن يأتي مع قيود - هناك عدد قليل من الخيارات للاختيار من بينها، حتى تحصل على ما كنت تحصل. التحقق من ذلك لسريع شريط فوز الرسم البياني.

Answer 3

وطن من الاقتراحات كبيرة هنا، مجرد الذهاب لرمي ZingChart إلى المكدس لحسن التدبير. أصدرنا مؤخرا مسج المجمع عن المكتبة التي تجعل الأمر أسهل لبناء وتخصيص الرسوم البيانية. الروابط CDN هي في العرض أدناه.

وأنا على فريق ZingChart ونحن هنا للرد على أية أسئلة أي من قد يكون لديك!

$('#pie-chart').zingchart({
  "data": {
    "type": "pie",
    "legend": {},
    "series": [{
      "values": [5]
    }, {
      "values": [10]
    }, {
      "values": [15]
    }]
  }
});

<script src="http://cdn.zingchart.com/zingchart.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.zingchart.com/zingchart.jquery.min.js"></script>

<div id="pie-chart"></div>

Answer 4

وهناك عدد قليل من الآخرين التي لم يتم ذكرها:

لفطائر صغيرة، خطوط والحانات و Peity عبارة رائعة وبسيطة وصغيرة وسريعة، والاستخدامات العلامات أنيقة حقا.

ولست متأكدا من أنها علاقة مع FLOT (منحت اسمها)، ولكن Flotr2 أمر جيد جدا ، وبالتأكيد لا الفطائر أفضل من FLOT.

مخادعة تنتج الرسوم البيانية خط لطيفة المظهر، ولكن كان لي قليلا من المتاعب مع الفطائر لها.

وليس ما كنت بعد، ولكن منتج تجاري آخر (مثل الكثير من Highcharts) هو تيشارت .

Answer 5

هناك لاعب جديد في هذا المجال ، تقدم الملاحة المتقدمة الرسوم البيانية التي تستخدم قماش سوبر-الرسوم المتحركة على نحو سلس الأداء:

https://zoomcharts.com/

على سبيل المثال من الرسوم البيانية:

الوثائق: https://zoomcharts.com/en/javascript-charts-library/charts-packages/pie-chart/

ما هو رائع حول هذا lib:

• الآخرين شريحة يمكن توسيعها
• فطيرة تقدم لأسفل الهياكل الهرمية (انظر المثال)
• كتابة مصدر البيانات الخاص بك وحدة تحكم بسهولة ، أو تقديم ملف json بسيط
• تصدير الصور عالية الدقة في الخروج من مربع
• كامل المس الدعم يعمل بسلاسة على آي باد, اي فون, الروبوت, إلخ.

الرسوم البيانية مجانا للاستخدام غير التجاري التجاري والتراخيص الدعم الفني متاح أيضا.

أيضا التفاعلية والرسوم البيانية في الوقت و صافي الرسوم البيانية هناك لتتمكن من استخدامها.

المخططات تأتي مع واسعة API و الإعدادات بحيث يمكنك التحكم في كل جانب من جوانب الرسوم البيانية.

Answer 6

Chart.js عبارة مفيدة للغاية، ودعم أنواع أخرى عديدة من الرسوم البيانية أيضا.

ويمكن استخدامه مع كل مسج والخارج.

Answer 7

تحقق TeeChart جافا سكريبت

• مجانا للاستخدام غير التجاري.

• تشمل الإضافات مسج, Node.js, وورد, دروبال, جملة, مايكروسوفت نسخة مطبوعة على الآلة الكاتبة ، الخ...

• والعروض التفاعلية هنا و هنا.

• بعض لقطات من بعض العروض: