根据返回的数据从highcharts在xAxis中循环

enyaitl3 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(188)

我有从php返回的以下数据：


# Mes, Total, Categoria

2022-05, 1, Bullying (Mobbing, Bossing, Pessoal, Gossip)
2022-05, 1, Preocupação relativas à saúde e segurança
2022-05, 1, Suspeita de Roubo, Corrupção ou Desfalque
2022-04, 1, Suspeita de Roubo, Corrupção ou Desfalque
2022-05, 1, Feedback positivo ou elogio

然后用这些数据创建一个图形，此时该图形已经正确返回了大部分数据：

为了返回序列，我使用了以下循环：

var series = [];
for (var i = 0; i < data.length; i++) {
  Mes = data[i][0];
  Total = data[i][1];
  Categoria = data[i][2];  

  series.push({
    name: Categoria,
    data: [Total],
    stack: Mes,
    dataLabels: {
      enabled: true,
    }
  });
}

这样它就能正确地返回，如上图所示。问题是xAxis类别，我无法返回月份列中存在的两个日期。
我试过了，但没用：

var xAxis = [];
for (var i = 0; i < data.length; i++) {
  Mes = data[i][0];
  Total = data[i][1];
  Categoria = data[i][2];  

  xAxis.push({
    categories: [Mes],
    labels: {
      skew3d: true,
      style: {
        fontSize: '16px'
      }
    }
  });

}

你能帮忙吗？

highcharts

来源：https://stackoverflow.com/questions/72389106/loop-in-xaxis-from-highcharts-according-to-returned-data

1条答案

按热度按时间

ktecyv1j1#

stack 选项并没有像您在示例中所期望的那样引用类别索引。
您使用堆栈：' A ' 和堆栈：B ' ，每个数列都有一个 y 值。这表示两个堆栈直条会组成一个类别目录。

- 查看 API 参考及其演示： * * https://api.highcharts.com/highcharts/series.column.stack

要获得每个类别的堆叠列，您需要将 * Mes * 解析为数字（时间戳），并将其作为 x 值传递。

var series = [];
for (var i = 0; i < data.length; i++) {
  Mes = new Date(data[i][0]).getTime() + 60 * 60 * 1000,
  Total = data[i][1];
  Categoria = data[i][2];  

  series.push({
    name: Categoria,
    data: [{x: Mes, y: Total}],
    dataLabels: {
      enabled: true,
    }
  });
}

中的每一个
然后将您的 xAxis.type 设置为 datetime 并更改标签格式。

xAxis: {
    type: 'datetime',
    labels: {
      format: '{value:%Y-%m}'
    },
  },

格式
示例演示：https://jsfiddle.net/BlackLabel/vuLdezxw/ 格式

赞(0）回复(0）举报 2022-11-10

我来回答

根据返回的数据从highcharts在xAxis中循环

1条答案

相关问题

热门标签

最新问答