رمز تنفيذ ichart.js لرسم الخطوط المنقطة ومتوسط آثار الخطوط المنقطة
var data = new array () ؛ Data [0] = {abels: ["Unit 1" ، "Unit 2" ، "Unit 3" ، "Unit 4" ، "UNIT 5"] ، مجموعات البيانات: [{name: "معدل التميز '، اللون:'#1DBCFE '، line_width: 4 ، value: [80،75،92،62،0]}}}}} "الوحدة 4" ، "الوحدة 5"] ، مجموعات البيانات: [{name: 'معدل التميز' ، اللون: '#1dbcfe' ، line_width: 4 ، القيمة: [50،11،62،77،90]}] اللون: '#1dbcfe' ، line_width: 4 ، القيمة: [80،51،32،44،80]}]} var _bodywidth = $ ('body'). width ()-16 ؛ $ ('. البند'). كل (دالة (i) {var _id = $ (this) .find ('. canvas-wrap'). attr ('id') ؛ var chart = new ichart.linebasic2d ({render: background_color: '#fafafa' ، الرسوم المتحركة: true ، // Open Transition Animation_Duration: 600 ، // 600ms sub_option sub_option: {smooth: true ، hollow: false ، hollow_inside: false ، point_size: 16 ، sties: {parsetext (r ، t) التسمية: {fontsize: 24 ، اللون: '#333'} ،} ، إحداثيات: {width: _bodywidth*1.6 ، appaled_width: _bodywidth*1.4 ، الارتفاع: _bodyWidth*1.6*.5 ، Striped_factor: 0.18 ، axis: الموضع: 'Left' ، start_scale: 0 ، end_scale: 100 ، Scale_space: 20 ، Scale_size: 2 ، Scale_enable: false ، label: {color: '#999' ، fontsize: التسميات: البيانات [i] .labels}]}) ؛ $. EACH (البيانات [i] .datasets [0]. value ، function (i ، val) {_total+= val ؛}) ؛ coo.getscale ('Left') ، h = coo.height ، h = (avg - s.start) * h / s.distance ، y = chart.y+h - chart.target.textalign ('start') .TextBaseline ('middle') .TextFont ('500 20px verdana').الكود أعلاه هو مثال على JS لرسم مخططات خطوط متعددة وطريقة لرسم خط منقط متوسط داخل كل مخطط سطر.
ichart.js هو رمز جيد جدا رسم JS. العيب هو أنه على جانب الأجهزة المحمولة ، تحتاج إلى ضبط الحجم مرتين أولاً ، ثم تضييقه يدويًا إلى النطاق الطبيعي مع CSS و JS للحفاظ عليه عالية الدقة على الشاشة.
هناك أمثلة على رسم الخطوط المتوسطة على الموقع الرسمي ، ولكن لا توجد خطوط منقطة. بشكل عام ، لكي لا يتم الخلط بينها ، يتم رسم الخطوط المتوسطة باستخدام الخطوط المنقطة. هنا أنا فقط حلقت لرسم الخط المستقيم n ، وهو حل بديل. إذا كانت هناك طريقة أفضل ، فيرجى ترك رسالة. شكرًا لك.
الرمز أعلاه لرسم الخطوط المنقطة والخطوط المنقطة المقسم بالتساوي في ichart.js هو كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.