C3: فاصل خط القوة في نص علامة المحور س

تم إنشاؤها على ١٧ أكتوبر ٢٠١٤ · 9تعليقات · مصدر: c3js/c3

مهلا

لدي تسميات طويلة إلى حد ما في الرسم البياني الخاص بي. لقد أضفت ارتفاعًا صعبًا قدره 500 بكسل إلى الرسم البياني ، و 200 بكسل إلى المحور س الذي يعمل ، لكنني أرغب في جعل ارتفاع المحور ديناميكيًا إن أمكن.

هل يجب أن أقوم بتكرار الملصقات للعثور على أكبرها وحساب عرضها قبل تطبيق الرسم البياني ، أم أن c3 لديها ميزة يمكنها القيام بذلك؟

قد تكون مرتبطة بهذا: https://github.com/masayuki0812/c3/issues/527

شكرًا على المكتبة الرائعة ، فقد وفرت لي حتى الآن ساعات طويلة من برمجة d3 :)

C-feature-request

مصدر

daviestar

👍1

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

يبدو أنه لا يستيقظ في الكمان .. ماذا عن الكود الفعلي؟ إنه يعمل بالنسبة لي. ويرجى تعيين axis.x.tick.multiline = false لتظهر كسطر واحد. الآن متعدد الأسطر هو الافتراضي.

أعتقد أنه من المعقول تقديم شيء لفرض فواصل الأسطر. سأنفذ إذا لزم الأمر.

masayuki0812 في ٩ نوفمبر ٢٠١٤

👍7

ال 9 كومينتر

مرحبًا ، شكرًا لك على الإبلاغ. أعتقد أن هذا الالتزام يمكّن من حساب ارتفاع المحور س تلقائيًا ، فهل يمكنك تجربة أحدث رمز مرة أخرى؟ شكرا.

تحديث:
لقد قدمت axis.x.tick.width لدعم نص متعدد الأسطر ، لذا يرجى تعيين هذا الخيار null في هذه اللحظة. بدون ذلك ، سيتم تقسيم نص التجزئة إلى عدة أسطر حتى إذا تم تدويرها.

masayuki0812 في ٣ نوفمبر ٢٠١٤

👍2

مرحبا،

شكرًا لتحديثك ، للأسف لا أعتقد أنه يعمل -

http://jsfiddle.net/gbdtjsba/15 - بدون ارتفاع المحور x 200 بكسل (والذي أحاول إزالته) ، تكون النتائج كما كانت من قبل. حاول تغيير حجم الرسم البياني لترى السلوك غير المتسق.
http://jsfiddle.net/gbdtjsba/11 - عند التحميل يبدو أن المحور x يحتوي على ارتفاع خاطئ ، ولكن يتم إصلاح هذا عند تغيير الحجم. لا يزال ارتفاع هذا الإصدار 200 بكسل على المحور س ، وأعتقد أنه يعود إلى هذا الارتفاع ، وليس ارتفاعًا محسوبًا.

أعتقد أن ما يجب أن يحدث هو ، على سبيل المثال ، ارتفاع الرسم البياني 500 بكسل ، والحد الأقصى للعرض / الارتفاع لعلامات المحور 125 بكسل ، لذلك يُعطى الرسم البياني تلقائيًا ارتفاع 375 بكسل وتسميات 125 بكسل. أو ، إذا كنت تفضل / كخيار ، فإن القدرة على جعل ارتفاع الرسم البياني 500 بكسل ، والارتفاع الكلي بما في ذلك التسميات يصبح 625 بكسل.

تعتبر التسميات الموجودة في سطر واحد أو أكثر رائعة. هل من الممكن فرض فواصل الأسطر؟ على سبيل المثال 2014-10-22 \n 2014-10-15 \n 2014-10-08 ؟

daviestar في ٥ نوفمبر ٢٠١٤

أعتقد أنه من المعقول تقديم شيء لفرض فواصل الأسطر. سأنفذ إذا لزم الأمر.

masayuki0812 في ٩ نوفمبر ٢٠١٤

👍7

أعتقد أنه من المعقول تقديم شيء لفرض فواصل الأسطر. سأنفذ إذا لزم الأمر.

نعم. ضروري.

format1981 في ١ ديسمبر ٢٠١٤

👍1

أي خطط لهذا؟

laurabrooks في ٣١ مايو ٢٠١٨

laurabrooks لست متأكدًا مما تشير إليه بـ "هذا" ، ولكن تم تنفيذ axis.x.tick.multiline لفترة من الوقت وقدمت مؤخرًا دعمًا لـ axis.x.tick.multilineMax وأضفت وثائق لكليهما (انظر هنا ) ، نأمل أن يساعد ذلك.