跳过x轴上数据点,并根据 highcharts 中的数据进行分组

vpfxa7rd  于 2022-11-11  发布在  Highcharts
关注(0)|答案(1)|浏览(134)

我正在使用highcharts来根据标签(即猕猴桃、苹果、香蕉)和计数(即7、3、486)在x轴和y轴上Map数据,并根据数据在x轴上放置日期。有人能帮助我如何根据日期和标签对数据进行分组以显示计数(y轴)吗?任何帮助都将不胜感激。谢谢!!
下面是我正在使用的数据:enter image description here

dxxyhpgq

dxxyhpgq1#

它可以通过很多方式来实现,下面是我的解读:

const data = [
  ['2018-03-05', 'kiwi', 7],
  ['2018-03-05', 'apple', 486],
  ['2018-03-05', 'grapes', 3],
  ['2018-03-07', 'banana', 33],
  ['2018-03-07', 'kiwi', 64],
  ['2018-03-07', 'person', 433],
  ['2018-03-07', 'grapes', 137],
  ['2022-01-20', 'kiwi', 113],
  ['2022-01-20', 'person', 444],
  ['2022-01-21', 'banana', 50],
  ['2022-01-21', 'kiwi', 59],
  ['2022-01-21', 'person', 600],
  ['2022-01-21', 'grapes', 51],
  ['2022-01-22', 'banana', 52],
  ['2022-01-22', 'kiwi', 74],
];

const seriesNames = [...new Set(data.map(d => d[1]))];

const series = seriesNames.map(seriesName => {
  return {
    name: seriesName,
    data: data.filter(d => d.includes(seriesName)).map(d => [d[0], d[2]])
  }
})

Highcharts.chart('container', {

  series: series
});

演示:https://jsfiddle.net/BlackLabel/0s1z3aey/

相关问题