串行图表每天有多个值? (AmChart)

时间:2014-07-16 04:11:42

标签: javascript charts amcharts

我有一组数据,包括一天可能的多个值。

我想在图表上绘制每条记录,以查看它们的分布情况。

我尝试使用串行图表,但问题是1)图表中缺少许多记录(不确定原因),以及2)光标只悬停第一个条目(请参阅第一个Y值only first entry can be hovered。 )

var chart = AmCharts.makeChart("chartdiv", {
    "type": "serial",
    "graphs": [{
        "bullet": "round",
        "valueField": "value",
        "lineAlpha": 0
    }],
    "chartCursor": {
        "zoomable": false,
    },
    "categoryField": "date",
    "categoryAxis": {
        "parseDates": true,
    },

    "dataProvider": [{
        "date": "2012-07-27",
        "value": 13
    }, {
        "date": "2012-07-27",
        "value": 11
    }, {
        "date": "2012-07-27",
        "value": 15
    }, {
        "date": "2012-07-27",
        "value": 16
    }, {
        "date": "2012-07-27",
        "value": 18
    }, {
        "date": "2012-08-27",
        "value": 13
    }, {
        "date": "2012-08-02",
        "value": 22
    }, {
        "date": "2012-08-03",
        "value": 23
    }, {
        "date": "2012-08-04",
        "value": 20
    }, {
        "date": "2012-08-05",
        "value": 17
    }, {
        "date": "2012-08-06",
        "value": 16
    }, {
        "date": "2012-08-07",
        "value": 18
    }, {
        "date": "2012-08-08",
        "value": 21
    }, {
        "date": "2012-08-09",
        "value": 26
    }, {
        "date": "2012-08-10",
        "value": 24
    }, {
        "date": "2012-08-11",
        "value": 29
    }, {
        "date": "2012-08-12",
        "value": 32
    }, {
        "date": "2012-08-13",
        "value": 18
    }, {
        "date": "2012-08-14",
        "value": 24
    }, {
        "date": "2012-08-15",
        "value": 22
    }, {
        "date": "2012-08-16",
        "value": 18
    }, {
        "date": "2012-08-17",
        "value": 19
    }, {
        "date": "2012-08-18",
        "value": 14
    }, {
        "date": "2012-08-19",
        "value": 15
    }, {
        "date": "2012-08-20",
        "value": 12
    }]
}

);

有没有解决方法? 我也试过XY图表,但它没有日期支持。 感谢

2 个答案:

答案 0 :(得分:1)

amCharts中每个唯一日期只能有一个数据项。

您应该将数据点合并为一个,例如:

{"date":"2012-08-27","value1":10,"value2":12,"value3":14}

并为每个值字段创建单独的图表。

答案 1 :(得分:0)

这是解决方案。突然,有人需要

AmCharts.makeChart("chartdiv", {
    categoryAxesSettings: {
      minPeriod: "hh",//(at least that is not grouped)
      groupToPeriods : ["DD", "WW","MM"]//(Data will be grouped by day,week and month)
    }
  });

more