Question

如何在xCharts中为图形添加3行？对于2行的make图形，我应该写：

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

但又添加一个＆＃34; comp＆＃34;元素不起作用。在图书馆网站上，我找不到超过两行的图片...

Answer 1

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

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

您可以为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阵列添加更多数据集。没有限制。

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

1 个答案: