Javascript 用海图在yAxis上绘制秒、分和小时
我有一些数据如下所示: min=“00:09”med=“03:11”mean=“23:39”max=“12:40:26” 我希望能够使用这些值作为数据点,但我不确定如何绘制它们,因为它们不是简单的整数。理想情况下,我希望Y轴上的标签显示“小时”之类的内容,或者如果我要使用多个Y轴,那么它可以显示“秒”表示“分钟”值,“分钟”表示“平均”值,等等,以适应适当的时间窗口 我不确定是否可以使用datetime对象,因为我只有时间值而没有日期Javascript 用海图在yAxis上绘制秒、分和小时,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我有一些数据如下所示: min=“00:09”med=“03:11”mean=“23:39”max=“12:40:26” 我希望能够使用这些值作为数据点,但我不确定如何绘制它们,因为它们不是简单的整数。理想情况下,我希望Y轴上的标签显示“小时”之类的内容,或者如果我要使用多个Y轴,那么它可以显示“秒”表示“分钟”值,“分钟”表示“平均”值,等等,以适应适当的时间窗口 我不确定是否可以使用datetime对象,因为我只有时间值而没有日期 我们将提前感谢您的任何想法。如果您拥有的时间是静态字符串,您
我们将提前感谢您的任何想法。如果您拥有的时间是静态字符串,您可以将其转换为datetime对象
//convert 'string' times into a timestamp (milliseconds)
//so long as your string times are consistently formatted
//e.g. "0:03:00" not "3:00"
var t = Date.parse("1-1-1 " + yourTime)
…但如果你能把它们转换成毫秒值,你就没事了
然后对y轴使用普通时间格式,并使用日期标签格式按您喜欢的方式进行格式化
var chart = new HighChart({
//...
yAxis: {
type: 'datetime', //y-axis will be in milliseconds
dateTimeLabelFormats: { //force all formats to be hour:minute:second
second: '%H:%M:%S',
minute: '%H:%M:%S',
hour: '%H:%M:%S',
day: '%H:%M:%S',
week: '%H:%M:%S',
month: '%H:%M:%S',
year: '%H:%M:%S'
}
}
});
谢谢你的回答,它现在看起来很漂亮。问题是,现在在y轴上,我有一些类似于978307205000毫秒的值。这是有意义的,因为它是自1970年以来的毫秒数,因为我将1-1-1添加到我的值中。DateTimeLabelFormat不起作用吗?好的,我通过添加以下代码解决了这个问题:var timeToSubtract=Date.parse(“1-1-1 00:00:00”);然后,我没有在数组中按't',而是将t-timeToSubtract。ThanksHow是否调整工具提示以相同格式显示y值?