javascript - xCharts中如何给图形添加3条线？

Question

如何向 xCharts 中的图形添加 3 行？为了用 2 行制作图形，我应该写:

var data = {
    "xScale": "time",
    "yScale": "linear",
    "type": "line",
    "main": [
        {
            "data": getStatistic(), // Some JSON data
        },
    ],
    "comp": [
        {
            "type": "line",
            "data": getStatistic(), // Some JSON data
        },
    ],
};

但是再添加一个“comp”元素是行不通的。在图书馆网站上，我没有找到超过两行的图形...

Answer 1

可以在这里找到答案:https://github.com/tenXer/xcharts/issues/21

main 数据和comp 都是Array 数据。他们可以采用许多不同的数据集。 documentation可能无法很好地解释这一点......

您可以向 main 数组提供多个数据集来完成您想要的。例如，您可以通过以下方式同时绘制比萨饼和炸 Jade 米饼:

{
  "main": [
    {
      "className": ".pizza",
      "data": [
        {
          "x": "2012-11-05",
          "y": 12
        },
        {
          "x": "2012-11-06",
          "y": 8
        }
      ]
    },
    {
      "className": ".tacos",
      "data": [
        {
          "x": "2012-11-05",
          "y": 8
        },
        {
          "x": "2012-11-06",
          "y": 11
        }
      ]
    }
  ]
}

您可以向此 main 数组添加更多数据集。没有限制。