Question

我正在创建一个堆积的柱状图，实际上只是测试高图。我想听听人们如何建议解决以下情况：

在堆积的柱状图中，我需要以下示例代码：

series: [
  { name:'seed', data: [12, 8, 9]}, 
  { name:'predicted', data: [121, 88, 97]} 
],
xAxis: {
  categories: ['tech', 'sport', 'finance']
},

这意味着我的数据库中有一个对象：

{ category: 'tech', seed: 12, predicted: 121 }

需要分成两个数组，这可能会引入排序错误。

是否没有办法将对象传递给highcharts，然后用一些options操纵它们？

Answer 1

您是否仅依靠data数组中元素的 order 来确定元素属于哪个类别？

如果是这样，我认为您可能会对xAxis.type选项感兴趣：

  xAxis: {
    type: 'category'
  },
  series: [{
      name: 'tech',
      data: [{name:"seed", y:12}, {name:"predicted", y:121}]
    }, {
      name: 'sport',
      data: [{name:"seed", y:8}, {name:"predicted", y:88}]
    }, {
      name: 'finance',
      data: [{name:"predicted", y:97}, {name:"seed", y:9}]
    }
  ]

示例：https://jsfiddle.net/ub2gwq61/

来自Highcharts API Reference

在类别轴中，图表系列的点用于类别，如果未定义类别数组。

高图：将数组用作数据序列-排序

1 个答案: