किसी कारण से मैं कोई पंक्ति नहीं जोड़ सकता, बहुत सारी संभावनाओं की कोशिश की और फिर भी काम नहीं किया।

नीचे कोड:

google.charts.load('current', { 'packages': ['corechart'] });

var dataChart1 = new google.visualization.arrayToDataTable();

dataChart1.addColumn('string', 'Mês');
dataChart1.addColumn('number', 'Fora Ponta');
dataChart1.addColumn('number', 'Geração Solar');

dataChart1 = addRows([
    ['JAN', $('#janConsumo').val(), 300],
    ['FEV', $('#fevConsumo').val(), 350],
    ['MAR', $('#marConsumo').val(), 400],
    ['ABR', $('#abrConsumo').val(), 350],
    ['MAI', $('#maiConsumo').val(), 300],
    ['JUN', $('#junConsumo').val(), 350],
    ['JUL', $('#julConsumo').val(), 350],
    ['AGO', $('#agoConsumo').val(), 450],
    ['SET', $('#setConsumo').val(), 400],
    ['OUT', $('#outConsumo').val(), 350],
    ['NOV', $('#novConsumo').val(), 300],
    ['DEZ', $('#dezConsumo').val(), 250]
]);

var optionsChart1 = {
    titlePosition: 'none',
    legend: {
        position: "bottom"
    },
    seriesType: 'bars',
    series: { 1: { type: 'line' } },
    height: 300,
    width: 800,
    colors: ['orange', 'red']
};    

chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(dataChart1, optionsChart1);

मेरे पास एक बटन है जो इस कोड को कॉल करता है।

मुझे जो त्रुटि मिली है:

Uncaught Error: Data for arrayToDataTable is not an array.
2
Lucas Martini 25 फरवरी 2021, 15:28

1 उत्तर

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

एक के लिए, Google के लोड होने तक प्रतीक्षा करने की आवश्यकता है।
आप लोड स्टेटमेंट रिटर्न के वादे का उपयोग कर सकते हैं, निम्नलिखित स्निपेट देखें ...

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var dataChart1 = new google.visualization.DataTable();
  dataChart1.addColumn('string', 'Mês');
  dataChart1.addColumn('number', 'Fora Ponta');
  dataChart1.addColumn('number', 'Geração Solar');
  dataChart1.addRows([
    ['JAN', $('#janConsumo').val(), 300],
    ['FEV', $('#fevConsumo').val(), 350],
    ['MAR', $('#marConsumo').val(), 400],
    ['ABR', $('#abrConsumo').val(), 350],
    ['MAI', $('#maiConsumo').val(), 300],
    ['JUN', $('#junConsumo').val(), 350],
    ['JUL', $('#julConsumo').val(), 350],
    ['AGO', $('#agoConsumo').val(), 450],
    ['SET', $('#setConsumo').val(), 400],
    ['OUT', $('#outConsumo').val(), 350],
    ['NOV', $('#novConsumo').val(), 300],
    ['DEZ', $('#dezConsumo').val(), 250]
  ]);

  var optionsChart1 = {
      titlePosition: 'none',
      legend: {
          position: "bottom"
      },
      seriesType: 'bars',
      series: { 1: { type: 'line' } },
      height: 300,
      width: 800,
      colors: ['orange', 'red']
  };

  chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
  chart.draw(dataChart1, optionsChart1);
});

साथ ही, इस स्थिति में, आप --> google.visualization.DataTable() का उपयोग करना चाहेंगे

नहीं -> google.visualization.arrayToDataTable()

अधिक विवरण के लिए arrayToDataTable देखें। ..

arrayToDataTable डेटा को कॉल किए जाने पर पास होने की अपेक्षा करता है।

1
WhiteHat 25 फरवरी 2021, 19:59