Как передать данные массива в гистограмму с помощью apexchart?

Я пытаюсь добавить данные в мою гистограмму Apexcharts. У меня есть массив, который содержит данные о продукте и его продажах, и я хочу нанести его на гистограмму apexchart.

Пожалуйста, любой может мне помочь.

Array img:

function testdata(reply, app) {
  console.log(reply);

  //var data = reply.qHyperCube.qDataPages[0]['qMatrix'];

  var data = [];
  reply.qHyperCube.qDataPages[0]['qMatrix'].forEach(function(qData) {
    data.push({

      "Product_Category": qData[0].qText,
      "Sales": qData[1].qNum
    })
  });

  console.log(data);


  //Apexchart

  var options = {
    chart: {
      height: 350,
      type: 'bar',
    },
    plotOptions: {
      bar: {
        horizontal: true,
      }
    },
    dataLabels: {
      enabled: false
    },
    series: [{
      data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
    }],
    xaxis: {
      categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan', 'United States', 'China', 'Germany'],
    }
  }

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

  chart.render();

0 ответов

Другие вопросы по тегам