如何在xCharts中为图形添加3行

How add 3 lines to the graphic in xCharts?

本文关键字：图形 添加 3行 xCharts      更新时间：2023-09-26

如何在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"元素是行不通的。在图书馆网站上，我没有找到超过两行的图形。。。

答案如下：https://github.com/tenXer/xcharts/issues/21

main数据和comp数据都是Arrays的数据。它们可以采用许多不同的数据集。文档可能无法很好地解释这一点。。。

您可以向main阵列提供多个数据集来完成您想要的任务。例如，以下是如何绘制披萨和玉米卷：

{
  "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阵列添加更多数据集。没有限制。

相关文章：