在HighCharts列多系列数据(Multiple series data on HighChar

我使用的一个项目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）当每个杆被适当标记的多种颜色的条是没有必要的，并再次只是增加分心

没有说明和单一颜色数据A水平条形图解决了这些问题。

文章来源: Multiple series data on HighCharts column