HighCharts列上的多个系列数据

Question

我在一个项目上使用了HighCharts，但在以我想要的方式格式化数据时遇到了麻烦。 我目前有一些有效的方法，但是感觉不太正确。

我所拥有的是一个柱形图，其中包含一系列内容。 我希望每个数据点都属于自己的系列，并在图例和工具提示中正确标记。 以下是用于格式化数据的相关位的示例。

我不确定自己在做错什么，我所做的更改让他们觉得应该根据自己的文档和此演示进行工作 。 另外，如果多个系列都可以使用，我是否需要类别？

工作方式：

"series": [
    {
      "data": [
        {
          "y": 92,
          "name": "Apples: 92ms for 83,481,430 requests",
          "color": "#91cb73"
        },
        {
          "y": 761,
          "name": "Bananas: 761ms for 58,050,877 requests",
          "color": "#ab7053"
        },
        {
          "y": 774,
          "name": "Kiwis: 774ms for 362,294 requests",
          "color": "#44719c"
        }
      ]
   }
]

演示： http ： //jsfiddle.net/b65kp/

---

无法运作：

 "series": [
    {
      "name": "Apples",
      "data": {
        "y": 92,
        "name": "92ms for 83,481,430 requests",
        "color": "#91cb73"
      }
    },
    {
      "name": "Bananas",
      "data": {
        "y": 761,
        "name": "761ms for 58,050,877 requests",
        "color": "#ab7053"
      }
    },
    {
      "name": "Kiwis",
      "data": {
        "y": 774,
        "name": "774ms for 362,294 requests",
        "color": "#44719c"
      }
    }
]

演示： http ： //jsfiddle.net/u74Qw/1/

Answer 1

问题是"data"需要一个数组，而您给它一个对象。 将每个对象包装在数组中。 例如：

"data": [{
        "y": 92,
        "name": "92ms for 83,481,430 requests",
        "color": "#91cb73"
 }]

这是您的完整解决方案 ，但可能无法达到预期的效果，就我个人而言，我更喜欢您的第一次尝试

Answer 2

FWIW，另一种setting this up方法：

http://jsfiddle.net/jlbriggs/zbW4D/

注意事项：

1）使用图例，而不是直接标记每个条形图，使用户来回查看很多东西，看看哪个是哪个（两者都只会增加额外的混乱以分散用户注意力）

2）旋转标签总是为用户增加工作量

3）在适当标记每个条形时，不必为条形使用多种颜色，这只会增加干扰

没有图例和数据单色的水平条形图解决了这些问题。