Javascript 系列作为高图表中的列

我试图在非常基本的柱状图上进行渲染，其中每个系列本身都位于柱上。 如果它在序列[]中设置每一列，我几乎可以让它工作 这里是一个JSFIDLE，其中条形图是正确的，但图例应显示与列名相同的内容（Alla和company）

---

您必须将

名称

排除在

数据

字段之外：

---

当前数据结构仅指定单个系列

您需要将

系列

属性移出

数据

数组，并将它们指定为两个单独的系列，如下所示：

  series: [{
    name: 'Alla',
    color: '#003960',
    data: [76.9]
  }, {
    name: 'Company',
    color: '#006bb6',
    data: [77.2]
  }]

这可能会导致x轴标签出现其他问题，您可能希望解决这些问题，但这是另一个问题

例如：

尽管如此，如果您的数据实际上如此简单，那么直接在x轴上标记条形图的可用性要好得多，而不是在图例中，用户必须从图例到条形图来回查看，并匹配颜色。FWIW

编辑

如果希望系列名称同时出现在轴标签和图例中，则需要执行一些不同的操作

1） 在

绘图选项中将
分组设置为false

2） 指定您的
类别
，或在
系列
属性和
数据
点中设置
名称

3） 为每个数据点指定一个
x
值

轴线：

  xAxis: {
    categories: ['Alla', 'Company'],
  }

打印选项：

  plotOptions: {
    column: {
      grouping: false
    }
  }

系列：

  series: [{
    name: 'Alla',
    color: '#003960',
    data: [[0,76.9]]
  }, {
    name: 'Company',
    color: '#006bb6',
    data: [[1,77.2]]
  }]

小提琴：



这似乎没有在xAxis行上添加系列名称，这很遗憾地导致了xAxis缺少系列标签（而不仅仅是0）的确切问题，正如我所提到的。不过，您并没有询问x轴标签，而是询问了系列和图例：）您需要更具体地了解您想要实现的目标。此外，我还想问，为什么要在图例中复制x轴标签。如果标记轴，则完全不需要图例。在绝大多数情况下，将其作为一个没有图例的系列，并正确标记x轴类别是显示数据的最佳方式。但是不管怎样-明确你需要什么，我们可以解决它。谢谢。遗憾的是，工具提示和隐藏列似乎存在一些问题。我需要他们在传说中，使人们能够隐藏列。这是一个现有图表，我需要在highcharts中复制它，并且它需要看起来相同：）工具提示代码来自原始示例：）这里是一个更新，没有指定任何工具提示详细信息或点事件：
  plotOptions: {
    column: {
      grouping: false
    }
  }

  series: [{
    name: 'Alla',
    color: '#003960',
    data: [[0,76.9]]
  }, {
    name: 'Company',
    color: '#006bb6',
    data: [[1,77.2]]
  }]