C3: أشكال مخصصة للنقاط

تم إنشاؤها على ٢٠ مارس ٢٠١٥  ·  47تعليقات  ·  مصدر: c3js/c3

سيكون من الرائع أن تكون قادرًا على تحديد أشكال مختلفة (دائرة ، مربع ، مثلث ، نجمة ، ...) لنقاط الرسم البياني.

هناك سببان رئيسيان لذلك:

  • الطباعة على طابعة ذات مقياس رمادي
  • عمى الألوان

تم إنشاء بعض المواضيع على مجموعة جوجل بدون رد:
https://groups.google.com/d/topic/c3js/I2UhY4U6zI0/discussion
https://groups.google.com/d/topic/c3js/gZrpl0QpKYw/discussion
https://groups.google.com/d/topic/c3js/6QRQ1VWx3vw/discussion

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

إليكم كيف أتخيل التكوين:

point: {
  shape: {
    'data1': 'circle',
    'data2': 'square',
    'data3': 'triangle'
  }
}

أو لتحديد بعض السمات المخصصة الأخرى:

point: {
  'data1': {
    shape: 'circle',
    color: '#ff0000',
    r: 2
  },
  'data2': {
    shape: 'square',
    color: '#0000ff',
    r: 3
  }
}
C-feature-request R-needs-docs

التعليق الأكثر فائدة

كل من يريد هذه الميزة ، يرجى إما الاشتراك بنفسك أو استخدام استجابة رمز تعبيري بدلاً من الرد +1.

شكرا.

ال 47 كومينتر

أنا حقا أقدر هذه الميزة.

+1

رئيسي +1

+1

+1
هل وجد أحد طريقة لتحقيق ذلك؟

عملت على تنفيذ أشكال مخصصة لنقاط الرسم. لقد قمت بتنفيذ أشكال مربعة ومستطيلة.
هنا عملي:
https://github.com/prakulgupta/c3.js-CustomPlotPointShapes-Feature.git

آمل أن يساعد هذا الأشخاص الذين يحتاجون إلى ميزة الشكل المخصص: +1:

شكرا prakulgupta !
لتحقيق أشكال مختلفة ، اضطررت إلى تشغيل وظيفة d3 بعد إنشاء المخطط الذي غير الدوائر مباشرة إلى مربعات .. يجعلني أشعر بالإجمال. كانت خطتي هي إعادة بناء مخططنا المبعثر باستخدام d3 المستقيم. سأحاول ذلك الريبو!

سيود +1 رؤية هذا مدمجًا أيضًا.

+1 مطلوبة بشدة

1+ سيكون رائعًا!

prakulgupta يبدو أنه مرشح جيد حقًا لطلب سحب! هل ربما تفكر في القيام بذلك؟ شكرا!

أريد شكل مثلث :( ، أو علامة سهم. لإظهار النقطة في المخطط الشريطي.

+1

+1

👍

لقد وجدت الحل لهذا. استخدم d3. إنها طريقة أسهل مما قد تتخيله. مثال: http://bl.ocks.org/bunkat/2595950

أود أن أقول إن هذا ليس حلاً حقًا.
نحن نستخدم مجموعة الثقب من الوظائف التي يوفرها c3. إعادة كتابتها باستخدام مكتبة d3 الأصلية ليست مفيدة للغاية.

+1 ، سيكون من الرائع أيضًا أن يكون لديك أنواع نقاط للأسطورة

+1!

+1

👍

+1

كل من يريد هذه الميزة ، يرجى إما الاشتراك بنفسك أو استخدام استجابة رمز تعبيري بدلاً من الرد +1.

شكرا.

سيكون شيء مثل وضع التبديل بين هذين النوعين من عرض الرسوم البيانية أنيقًا.

هل يمكنك استخدام شيء مثل https://github.com/d3/d3-shape#symbols لتحقيق ذلك؟

للحصول على حل آخر باستخدام المخطط المبعثر ، انظر هنا: http://stackoverflow.com/a/41848255/1178015

+1

👍

👍

+1

+1

ما هي حالة هذه القضية / الطلب؟ هذا حقًا هو الشيء الوحيد الذي يمنعني من استخدام C3js وأنا أحب ذلك. A11y مصدر قلق كبير والنقاط المتعلقة بالطباعة وعمى الألوان صحيحة. لقد أضفت إبهامًا لأعلى في العام الماضي لكن الخيط أصبح صامتًا من حيث الحل. هل هذا شيء قد يكون قيد التطوير أم أن هذا الطلب مرفوض؟

شكرًا على كل العمل الرائع وآمل أن يكون الحل ممكنًا.

سيكون مفيدًا أيضًا إذا سمح بأكثر من الرموز ، مثل الصور أو svg.
على سبيل المثال ، سيكون تمييز مجموعات بيانات معينة بناءً على بعض السمات أمرًا رائعًا حقًا.

سيكون الأمر أكثر روعة لو سمح بتعيين شكل معين لنقطة معينة من مجموعة البيانات.
تطبيق مثال: في الرسم البياني لسرعة الرياح (التاريخ في x ، السرعة في y) ، سيسمح بإظهار اتجاه الرياح على كل قيمة (سهم اتجاهي كشكل نقطة).

+1

👍

👍

يرجى التصويت على التعليق الذي يعجبك ، فبدلاً من التعليق +1 أو الإعجاب ، فإنه يسهل متابعة المشكلة من خلال عدم إرسال رسائل غير مرغوب فيها إلى البريد الوارد لأي شخص وإرسال رسائل حول الإدخال ذي الصلة فقط

👍

👍

👍

👍

هل يمكن لشخص لديه معرفة أعمق بقاعدة كود c3 التعليق على كيفية تنفيذ هذا التغيير؟ بالنظر إلى هذا التوجيه ، ربما يتطوع شخص من المجتمع للقيام بهذه المهمة.

استخدم مخططات عالية ... أفضل طريقة: https://www.highcharts.com/blog/products/highcharts/

أي تقدم متوقع في هذا؟ هذه مشكلة عمرها 4 سنوات تقريبًا حتى كتابة هذه السطور.

BrandKNY لم يعد هذا المشروع قيد الصيانة. Billboard.js هو الفرع النشط الجديد ، ولكن هذه الميزة ليست جاهزة أيضًا في Billboard.js

( هذه المشكلة قديمة / 2015! لكن لا يوجد نمط نقطة على https://c3js.org/reference.html)

ربما تكون الخطوة الأولى هي تضمين القليل من التحسين بدلاً من ذلك قفزة كبيرة إلى "أي شكل" ... اقتراح: كما هو الحال في data.colors ، تعريف لكل مجموعة بيانات ، عرض خيار لتعريف دائرة نصف قطرها ككائن ،

 point: { 
    r: { data1: 5,   data2: 2.5 } 
} 
هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

laurentdebricon picture laurentdebricon  ·  3تعليقات

Saikat-Sinha picture Saikat-Sinha  ·  3تعليقات

ivarkallejarv picture ivarkallejarv  ·  3تعليقات

Kreozot picture Kreozot  ·  3تعليقات

DieterSpringer picture DieterSpringer  ·  4تعليقات