التنسيق الدقيق للمحور d3.js وnvd3.js والتسمية

StackOverflow https://stackoverflow.com//questions/11656788

  •  11-12-2019
  •  | 
  •  

سؤال

استخدام المخطط المساحي المكدس كما هو موضح في هذا المثالhttp://nvd3.com/ghpages/stackedArea.html

محاولة تنسيق تسميات تحديد المحور y وتسميات تلميحات الأدوات لتكون أعدادًا صحيحة بدلاً من العوامات.حاولت تغيير رمز المتابعة من

chart.yAxis
        .axisLabel('Users')
        .tickFormat(d3.format(',.2f'));

ل

chart.yAxis
        .axisLabel('Users')
        .tickFormat(d3.format(',.0d'));

تظل الدقة دون تغيير (لا تزال تظهر القيم في خانة المئات).لقد اتبعت Github Wiki دون جدوى https://github.com/mbostock/d3/wiki/Formatting#wiki-d3_format

أي اقتراحات أو تلميحات سيكون موضع تقدير كبير.

هل كانت مفيدة؟

المحلول

يشبه هذا غير مدعوم بواسطة nvd3 في اللحظة.شاهد الإساءة خط.

بالإضافة إلى ذلك، فإن مواصفات التنسيق الخاصة بك ليست صحيحة تمامًا.كما هو مذكور في الوثائق ، "d" يتجاهل القيم غير الصحيحة.لذلك ربما تريد ",.0f" بدلا من ذلك، وهو ما يعني:

  • ,:استخدم الفواصل للفصل بين الآلاف.
  • .0: دقة من الصفر (المعنى الدقيق لهذا يعتمد على أي منها يكتب قيد الاستخدام).
  • f:ال يكتب;في هذه الحالة، رقم.إلىثابت.وهذا يعني عددًا ثابتًا من الأرقام ( دقة) تظهر بعد العلامة العشرية، ويتم تقريب الرقم إذا لزم الأمر.

نصائح أخرى

يمكن لهذا التنسيق تنسيق نص التسمية من عدد عائم إلى عدد صحيح.

للرسم البياني الدائري:

chart.pie.valueFormat(d3.format(',.0d'));

للرسم البياني الخطي:

chart.yAxisTickFormat(d3.format(',.0d'));

ال .tickFormat الطريقة على .yAxis الطريقة لا تقوم بتحديثه بشكل صحيح.هذا هو العمل الذي استخدمته:

        chart.yAxisTickFormat(d3.format(',.0d'));

لقد حاولت مثل هذا giveacodicetagpre.

عملها بالنسبة لي "أنا أحصل على نتائج مع النقاط العشرية والنسبة المئوية.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top