Highcharts 如何创建系列并设置X轴和Y轴?

Highcharts 如何创建系列并设置X轴和Y轴?,highcharts,Highcharts,我必须制作一个如图所示的系列 根据用户选择动态生成日期和值。时间为24小时格式。请告诉我如何创建此系列。另外,如何将持续时间1小时设置为时间值 供参考的图像: 在序列数据中,您使用的数据为:[Date.utc012,10,01,12,11,10],只需将其更改为:data:[90*60*1000]//90分钟即可 这是你的电话号码 如果您想为其他日期绘制其他系列,则应在xAxies中添加类别。例如,显示3天: xAxis: { categories: ['01/10/2012', '01/1

我必须制作一个如图所示的系列

根据用户选择动态生成日期和值。时间为24小时格式。请告诉我如何创建此系列。另外,如何将持续时间1小时设置为时间值

供参考的图像:


在序列数据中,您使用的数据为:[Date.utc012,10,01,12,11,10],只需将其更改为:data:[90*60*1000]//90分钟即可

这是你的电话号码

如果您想为其他日期绘制其他系列,则应在xAxies中添加类别。例如,显示3天:

xAxis: {
  categories: ['01/10/2012', '01/11/2012', '01/2/2012']
},
串联数据使用与类别中相同数量的参数,用于3个类别:

data: [ 50 *60 * 1000, 100 *60 * 1000, 50 *60 * 1000 ]

在工具提示中使用格式设置程序,可以在悬停系列时查看正确的小时:分钟

tooltip: {
  formatter: function() {
    var ms = this.y;
    var x = ms / 1000;
    var seconds = x % 60;
    x = x / 60;
    var minutes = x % 60;
    x = x / 60;
    var hours = parseInt(x % 24);
    x = (x / 24);
    var days = parseInt(x);
    if(days == 0)
    {
      return  '<b>' + this.series.name +'</b> ->' + this.x + '<br/>' + hours +':' + minutes;
    } else {
      return  '<b>' + this.series.name +'</b><br/>' + days + ' Day ' + hours +':' + minutes;
    }
  } 
},

参见

很难给你一个完整的答案。对于起点:您需要像此链接中一样的堆叠条。但是首先,你应该从这些现场演示开始,然后再回来问一个关于具体问题的具体问题亲爱的Osyan,谢谢你的回答。请看这里的系列,请让我知道如何以HH:MM格式在X轴上显示小时。我想根据时间范围以特定颜色绘制值。期待您的回复soonHi,请用您在之前评论中所说的内容编辑您的问题,并将您的JSFIDLE添加到您的问题中。我会尽快回答你,非常感谢你的帮助。正是我要找的东西。你已经让我的申请生效了。谢谢。