如何在Highcharts Reactjs中将图例分组在一起[关闭]

Question

关闭。这个问题需要更多focused。它当前不接受答案。

---

是否要改善此问题？更新问题，使其仅按editing this post专注于一个问题。

已关闭1小时前。

你好，上面是我将其作为输出的图像，但我希望输出看起来像下面的图像，即一栏中的所有蔬菜和一栏中的所有水果，依此类推。我该如何实现？谢谢 ：）

Answer 1

您可以使用Highcharts堆积和分组的柱形图。

它允许您通过数据分组在不同类别中设置自定义列：

这里，每个系列的左列是vegetables，左边是fruits。

这是您的数据的外观：

  series: [{
    name: 'Tomato',
    data: [5, 3, 4, 7, 2, 3, 5],
    stack: 'veg'
  }, {
    name: 'Potato',
    data: [3, 4, 4, 2, 5, 7, 2],
    stack: 'veg'
  }, {
    name: 'Onion',
    data: [3, 4, 4, 2, 5, 1, 4],
    stack: 'veg'
  }, {
    name: 'Apple',
    data: [2, 5, 6, 2, 1, 8, 1],
    stack: 'fruit'
  }, {
    name: 'Banana',
    data: [3, 0, 4, 4, 3, 4, 5],
    stack: 'fruit'
  }, {
    name: 'Orange',
    data: [3, 0, 4, 4, 3],
    stack: 'fruit'
  }]

Working demo here。