मुझे अपने एंगुलर 5 ऐप में अपने चार्ट के साथ सही ढंग से काम करने के लिए डैटलैबल्स प्लगइन प्राप्त करने में समस्या हो रही है।

चार्ट अपेक्षित रूप से प्रदर्शित हो रहा है, अपवाद के साथ प्लगइन द्वारा कोई लेबल नहीं बनाया जा रहा है। कोई कंसोल त्रुटियाँ उत्पन्न नहीं हो रही हैं जो अजीब लगती हैं।

मेरा आयात अनुभाग इस तरह दिखता है:

import {Chart} from 'chart.js';
import 'chartjs-plugin-datalabels';

मेरा चार्ट निर्माण अनुभाग इस तरह दिखता है:

ngAfterViewInit() {
    this.canvas = document.getElementById(this.chartID);
    this.canvas.height = this.graphHeight;
    this.ctx = this.canvas.getContext('2d');


    this.myChart = new Chart(this.ctx, {
      type: 'horizontalBar',
      data: {
          labels: this.chartLabels,
          datasets: [{
              label: 'Percentage',
              data: this.chartValues,
              borderWidth: 1,
              backgroundColor: '#a32d31',
              datalabels: {
                align: 'end',
                anchor: 'start'
              }
          }]
      },
      options: {
        legend: {
          display: false
        },
        maintainAspectRatio: false,
        plugins: {
          datalabels: {
            color: 'white',
            font: {
              weight: 'bold'
            },
            formatter: Math.round
          }
        }
      }
    });

  }

क्या प्लगइन को पंजीकृत करने के लिए किसी बिंदु पर एक अलग कदम की आवश्यकता है (प्रदान किए गए नमूने यह नहीं दिखाते हैं)। यह काम करने के लिए कोई विचार या सुझाव? प्लगइन आउटपुट के न होने के अपवाद के साथ चार्ट स्वयं ठीक दिखता है।

9
Dave S. 1 अप्रैल 2018, 01:14

1 उत्तर

सबसे बढ़िया उत्तर

उम्मीद है कि यह दूसरों की मदद करता है:

त्रुटि अक्ष न्यूनतम मान शून्य पर डिफ़ॉल्ट नहीं होने का परिणाम थी। एक बार यह कुल्हाड़ियों पर लागू होने के बाद सभी कार्यों को अपेक्षित रूप से लागू किया गया था।

1
Dave S. 31 मार्च 2018, 23:01