シリーズ一覧の定義

以下のコードは、シリーズ一覧配列コレクションを使用してグラフ化するデータを組み込む方法を示しています。この例では、文字列型の X データと数値型の Y データで３つの系列が定義されています。横棒グラフであるため、X 軸と Y 軸が反転して表示されます。

ソースビュー	コードのコピー
seriesList: [ { label: "オンラインユーザーの数", legendEntry: true, fitType: "spline", data: { x: [new Date('10/27/2010 11:48:00'), new Date('10/27/2010 13:47:00'), new Date('10/27/2010 15:46:00'), new Date('10/27/2010 17:45:00'), new Date('10/27/2010 19:44:00'), new Date('10/27/2010 21:43:00'), new Date('10/27/2010 23:41:00'), new Date('10/28/2010 1:40:00'), new Date('10/28/2010 3:39:00'), new Date('10/28/2010 5:38:00'), new Date('10/28/2010 7:37:00'), new Date('10/28/2010 9:36:00'), new Date('10/28/2010 11:35:00'), new Date('10/28/2010 13:34:00'), new Date('10/28/2010 15:33:00'), new Date('10/28/2010 17:32:00'), new Date('10/28/2010 19:31:00'), new Date('10/28/2010 21:30:00'), new Date('10/28/2010 23:38:00'), new Date('10/29/2010 1:27:00'), new Date('10/29/2010 3:26:00'), new Date('10/29/2010 5:25:00'), new Date('10/29/2010 7:24:00'), new Date('10/29/2010 9:23:00'), new Date('10/29/2010 11:22:00')], y: [2665513, 2300921, 1663229, 1622528, 1472847, 1354026, 1348909, 1514946, 1746392, 2020481, 2312976, 2539210, 2657505, 2369938, 1869805, 1648695, 1529983, 1398148, 1389668, 1568134, 1787466, 2101460, 2090771, 2351994, 2537400] }, markers: { visible: true, type: "circle" } } ],

ソースビュー

コードのコピー

seriesList: [
     {
    label: "オンラインユーザーの数",
    legendEntry: true,
     fitType: "spline",
        data: {
     x: [new
   Date('10/27/2010 11:48:00'), new
   Date('10/27/2010 13:47:00'), new
   Date('10/27/2010 15:46:00'), new
   Date('10/27/2010 17:45:00'), new
   Date('10/27/2010 19:44:00'), new
   Date('10/27/2010 21:43:00'), new
   Date('10/27/2010 23:41:00'), new
   Date('10/28/2010 1:40:00'), new
   Date('10/28/2010 3:39:00'), new
   Date('10/28/2010 5:38:00'), new
   Date('10/28/2010 7:37:00'), new
   Date('10/28/2010 9:36:00'), new
   Date('10/28/2010 11:35:00'), new
   Date('10/28/2010 13:34:00'), new
   Date('10/28/2010 15:33:00'), new
   Date('10/28/2010 17:32:00'), new
   Date('10/28/2010 19:31:00'), new
   Date('10/28/2010 21:30:00'), new
   Date('10/28/2010 23:38:00'), new
   Date('10/29/2010 1:27:00'), new
   Date('10/29/2010 3:26:00'), new
   Date('10/29/2010 5:25:00'), new
   Date('10/29/2010 7:24:00'), new
   Date('10/29/2010 9:23:00'), new
   Date('10/29/2010 11:22:00')],
   y: [2665513, 2300921, 1663229, 1622528, 1472847, 1354026, 1348909,
         1514946, 1746392, 2020481, 2312976, 2539210, 2657505, 2369938,
        1869805, 1648695, 1529983, 1398148, 1389668, 1568134, 1787466,
        2101460, 2090771, 2351994, 2537400]
                        },
             markers: {
            visible: true,
            type: "circle"
                        }
                    }
                ],