2

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」要素をもう 1 つ追加しても機能しません。図書館のウェブサイトで、2行以上のグラフィックが見つかりませんでした...

4

1 に答える 1

3

答えはここにあります: https://github.com/tenXer/xcharts/issues/21

maindata とcompare data both 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配列にさらにデータ セットを追加できます。制限はありません。

于 2013-07-17T15:13:41.260 に答える