Highcharts 如何创建系列并设置X轴和Y轴?
我必须制作一个如图所示的系列 根据用户选择动态生成日期和值。时间为24小时格式。请告诉我如何创建此系列。另外,如何将持续时间1小时设置为时间值 供参考的图像: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
在序列数据中,您使用的数据为:[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添加到您的问题中。我会尽快回答你,非常感谢你的帮助。正是我要找的东西。你已经让我的申请生效了。谢谢。