如何使用apexchart将数组数据传递到条形图?

时间:2019-02-25 10:49:08

标签: javascript arrays bar-chart 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 个答案:

没有答案