Как использовать вывод из Sheetrock. js в Apexcharts? - PullRequest
Новая
       49

Как использовать вывод из Sheetrock. js в Apexcharts?

0 голосов
/ 28 апреля 2020 

<html>
<ol id="data">
  //output from sheetrock
</ol>
<div id="chart"></div>

<body>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-sheetrock/1.1.4/dist/sheetrock.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
  <script>
    var options = {
      chart: {
        type: 'bar'
      },
      series: [{
        name: 'sales',
        data: [1, 2, 3] // need to gather value from sheetrock
      }],
      xaxis: {
        categories: [1991, 1992, 1993]
      }
    }

    var chart = new ApexCharts(document.querySelector("#chart"), options);
    chart.render();
  </script>


  <script>
    var mySpreadsheet = 'https://docs.google.com/spreadsheets/d/1T3JPvYIBn0VlCSr4-tZ0b1YGF92BBCwdy83KmDFVsig/edit#gid=46257054';
    $('#data').sheetrock({
      url: mySpreadsheet,
      query: "select B,C,D where A = '<?php echo$y?>' ",

    });
  </script>

</body>

</html>

Я пытаюсь заполнить гистограмму в Apexcharts выводом из Sheetrock (в качестве внутреннего интерфейса которого используется Google Spreadsheet). До сих пор мне удалось получить вывод из Sheetrock, однако существуют две проблемы: (1) Вывод находится в одной строке (это мой частичный результат) - однако столбцы примыкают без запятых. (2) Привязка значений обратного вызова к верхним диаграммам. Любая помощь будет очень полезна.

...