序列图每天有多个值？ (AmChart)答案

【问题标题】：Multiple values per day for Serial Chart? (AmChart)序列图每天有多个值？ (AmChart)
【发布时间】：2015-09-09 15:24:54
【问题描述】：

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

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

我尝试使用串行图表，但问题是 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 Chart，但它没有日期支持。谢谢

【问题讨论】：

标签： javascript charts amcharts

【解决方案1】：

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

您应该将数据点合二为一，例如：

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

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

【讨论】：

但这不会引入太多带有图例的图表。
您可以通过设置 graph.visibleInLegend = false 来隐藏图例中的图表；
感谢您的解决方法，但我真的很喜欢用户可以单击图例过滤数据的效果。我真的很奇怪为什么 XY 图表不支持日期。

【解决方案2】：

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

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)
    }
  });

【讨论】：