2017-06-21 15 views
1

複数の日付の値を持つグラフを作成しようとしていますが、動作していません。私は論理が良いとamChartはこの日付形式が好きではないことを物事。何か案は ?AmChartの日付の倍数

作業exemple:

私が取得しようとしている何
var chart = AmCharts.makeChart("chartdiv", { 
    type: "xy", 
    dataProvider: [ { 
    "ax": 16.10, <-------- 
    "ay": 2, 
    "bx": 16.11, <-------- 
    "by": 2 
    }, { 
    "ax": 16.20, <-------- 
    "ay": 3, 
    "bx": 16.21, <-------- 
    "by": 3 
    }], 
    graphs: [ { 
    "xField": "ax", 
    "yField": "ay" 
    }, { 
    "xField": "bx", 
    "yField": "by" 
    } ], 
}); 

:日付ベースのデータでは

var chart = AmCharts.makeChart("chartdiv", { 
    type: "xy", 
    dataProvider: [ { 
    "ax": "2017/04/27 09:16:10", <-------- 
    "ay": 2, 
    "bx": "2017/04/27 09:16:11", <-------- 
    "by": 2 
    }, { 
    "ax": "2017/04/27 09:16:20", <-------- 
    "ay": 3, 
    "bx": "2017/04/27 09:16:21", <-------- 
    "by": 3 
    }], 
    graphs: [ { 
    "xField": "ax", 
    "yField": "ay" 
    }, { 
    "xField": "bx", 
    "yField": "by" 
    } ], 
}); 

http://jsfiddle.net/Lktv4s4b/1/

答えて

0

、あなたのチャートのdataDateFormatを指定する必要がありますAmChartsはあなたの日付を正しく解析する方法を知っています。あなたはXYチャートを使用しているので、AmChartsに日付ベースの値軸を持っていることを伝える必要があります(XYチャートはシリアルチャートとは異なり、値軸のみを持ちます)。あなたのデータで行く、あなたのX軸は日付ベースであるので、あなたは、少なくともボトム値軸のtype"date"であるということを教えてやる必要があります。

AmCharts.makeChart("chartdiv", { 
    type: "xy", 
    dataDateFormat: "YYYY/MM/DD JJ:NN:SS", 
    valueAxes: [{ 
    position: "bottom", 
    type: "date" 
    }], //you can also specify the second value axis' properties if needed, but it will create a numeric y-axis for you by default if you don't 
    // ... rest of your properties omitted ... 
}); 

更新フィドル:それは完全に働いているhttp://jsfiddle.net/Lktv4s4b/2/

+1

、感謝たくさん ! 私はdataDateFormatで試しましたが、valueAxes.typeを忘れてしまったことがあります。 乾杯! –