मैं कुछ समय से इस समस्या से जूझ रहा था, मुझे आपके कंटेनर के height पर 100% ग्राफ़िक होना चाहिए।

वजन के लिए मैं उसे इंगित करता हूं कि उसकी ऊंचाई: '100%' अभी भी ऊपर और नीचे रिक्त स्थान के साथ है, टैबीम मैंने false मान yaxis दिया लेकिन फिर भी समस्या बनी हुई है।

कोई है जो इसे हल कर सकता है इसकी सराहना करेगा।

var options = {
  chart: {
    type: 'line',
    width: '100%',
    height: '100%',
    toolbar: {
      show: false
    },
  },
  grid: {
    show: false,
    padding: {
      left: 0,
      right: 0
    }
  },
  tooltip: {
    intersect: false,
    x: {
      show: false
    },
    marker: {
      show: false
    }
  },
  dataLabels: {
          enabled: false
        },
  yaxis: {
    show: false,
  },
  xaxis: {
    tooltip: {
      enabled: false
    },
    labels: {
      show: false
    },
    axisBorder: {
      show: false
    }
  },
  

  series: [{
    name: 'sales',
    data: [30,40,35,50,49,60,70,91,125]
  }]
}

var chart = new ApexCharts(document.querySelector("#chart"), options);

chart.render();
#chart{
  width: 500px;
  height: 200px;
  border: 1px solid #000;
}
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>

<div id="chart"></div>
1
Gabriela 18 अप्रैल 2019, 00:30

1 उत्तर

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

यदि आपको प्रदर्शित करने के लिए x-अक्ष, y-अक्ष की आवश्यकता नहीं है, तो आप चार्ट क्षेत्र के ऊपर और नीचे सभी अनावश्यक रिक्त स्थान निकालने के लिए sparkline.enabled ध्वज को चालू कर सकते हैं

chart: {
   sparkline: {
      enabled: true
   }
}
7
junedchhipa 22 जिंदा 2020, 01:51