【问题标题】:Make Google chart show past X number of data samples and not just past 3 days让 Google 图表显示过去 X 个数据样本,而不仅仅是过去 3 天
【发布时间】:2016-06-28 10:12:21
【问题描述】:

我正在使用 angular-google-chart 和 angularjs 来显示图表。 https://github.com/angular-google-chart/angular-google-chart

我有一组数据,由 json 中的 100 个数据点组成,如下所示;

[{
    value: 400,
    time: "2014-05-07 13:51:39"
},
{
    value: 425.28,
    time: "2014-05-04 16:19:58"
},
{
    value: 425.6,
    time: "2014-05-03 16:19:56"
},
// rest of samples fall before 2014-05-04 time range
]

问题在于,在 Google Chart 上,它只显示前 2 个样本,因为出于某种原因,该图表只显示了过去 3 天的样本。

这里是配置 Google Chart 选项的相关 javascript 代码。

var google_chart_options =
{
    'hAxis': {
        'title': "Date",
        'format': "dd-MMM-yyyy HH:mm:ss",
    },
};

var horizontal_axis = {id: "t", label: "Date", type: "datetime"};
var vertical_axis= {id: "s", label: "value", type: "number"};
var type = 'LineChart';

我有一些问题;

  1. 我应该使用哪些选项让 Google Chart 显示过去 X 天的数据点或 X 个数据点?
  2. 我应该使用哪些选项让 Google Chart 显示从 2014-05-01 16:302014-05-07 13:30 的数据点?

【问题讨论】:

    标签: javascript angularjs charts google-visualization


    【解决方案1】:

    我会回答你的第二个问题。

    我应该使用哪些选项让 Google Chart 显示数据点 例如,从 2014-05-01 16:30 到 2014-05-07 13:30?

    这里是代码。

    var google_chart_options =
    {
        'hAxis': {
            'title': "Date",
            'format': "dd-MMM-yyyy HH:mm:ss",
             viewWindow: {
                          min: new Date(2014, 4, 1, 16, 30), //note that month lies from 0 to 11 (December)
                          max: new Date(2014, 4, 7, 13, 30),                      
             },
        }
    };
    

    关键在于hAxis下的viewWindow选项。

    【讨论】:

      猜你喜欢
      • 2010-11-22
      • 2021-08-25
      • 1970-01-01
      • 1970-01-01
      • 2020-08-23
      • 2017-03-04
      • 1970-01-01
      • 1970-01-01
      • 2012-02-20
      相关资源
      最近更新 更多