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

maindata 和compare data 都是Arrays。他们可以采用许多不同的数据集。该文档可能无法很好地解释这一点......

您可以向mainArray 提供多个数据集以完成您想要的操作。例如，这里是你可以画出比萨饼和炸玉米饼的方法：

{
  "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您可以向此数组添加更多数据集。没有限制。