【问题标题】:Timestamp in HighchartsHighcharts中的时间戳
【发布时间】:2018-07-18 19:33:31
【问题描述】:

我在 Highcharts 中有时间戳问题

在java编码中显示日期和时间

对不起我的英语不好:/

图表代码:

    var options ={
      chart: {
          renderTo: 'container',
          type: 'line',

      },
      title: {
        text: 'Fruit Consumption'
    },
      yAxis: {
        title: {
            text: 'Fruits Amount'
        }
    },
       series: [{
       }]
    };
    $.getJSON('data.php', function(data){
       options.series[0].data = data;
       var chart = new Highcharts.Chart(options);
    });

data.php 中的 JSON 数据:

[
    [1531972144000,20.94],
    [1531972204000,20.94],
    [1531972264000,20.85],
    [1531972324000,20.94],
    [1531972384000,21.21],
    [1531972444000,20.94],
    [1531972504000,21.12],
    [1531972564000,21.21],
    [1531972624000,21.12],
    [1531972684000,21.38],
    [1531972749000,21.56],
    [1531972809000,21.29],
    [1531972869000,21.64],
    [1531972929000,21.29],
    [1531972989000,21.29],
    [1531973049000,21.21],
    [1531973109000,21.38],
    [1531973169000,21.29],
    [1531973229000,21.29],
    [1531973289000,20.94]
]

如何从数据库写入数据而不是这些值?

【问题讨论】:

  • 请在问题文本中发布您的代码,而不是作为外部链接。链接可能会随着时间的推移而中断,使将来遇到类似问题的人无法理解问题。
  • 你的预期输出是什么?
  • 这取决于时间戳的数据库格式。有很多方法,但它们取决于您的源数据格式。

标签: javascript html highcharts


【解决方案1】:

您需要像这样定义xAxis.type - Doc

xAxis:{
    type:'datetime'
},

Fiddle

【讨论】:

  • 谢谢,如何从数据库中写入数据而不是这些值不能这样:jsfiddle.net/f8qa3nx9
  • 不可以直接使用数据库数据。你需要像以前一样使用$.getJSON('data.php', function(data){ options.series[0].data = data; var chart = new Highcharts.Chart(options); });
  • 以及如何将此范围选择器:highcharts.com/stock/demo/basic-line 添加到此代码中:tws.4fan.cz/data/code.txt 提前谢谢您:)
  • 只需将脚本链接从<script src="https://code.highcharts.com/highcharts.js"></script>更改为<script src="https://code.highcharts.com/stock/highstock.js"></script>
  • 我又有问题了。我不想要一定数量的记录。代码:tws.4fan.cz/arduino/text.txt Printscreen 供理解:tws.4fan.cz/arduino/png.png
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-11-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-10-01
相关资源
最近更新 更多