javascript - HighCharts 列上的多个系列数据

Question

我在一个项目中使用 HighCharts，但我无法按照我想要的方式格式化数据。我目前有一些有用的东西，但感觉不太对。

我有一个柱形图，所有内容都在一个系列中。我宁愿让每个数据点都在它自己的系列中并在图例和工具提示中正确标记。以下是格式化数据的相关位示例。

我不确定我做错了什么，我所做的更改感觉它们应该在给定 docs 的情况下起作用& this demo .另外，如果多个系列有效，我是否需要类别？

工作:

"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"
 }]

Here is your full fix , 但它可能不会给出您期望的结果，就我个人而言，我更喜欢您的第一次尝试