Javascript Zingchart用时间而不是日期绘制X轴

我想用X轴表示时间跨度（经过的时间），而不是实际日期来绘制数据

我有一个具有以下（字符串）值的序列：

时间：“00:00:00”，“00:01:00”，“00:10:00”，“00:11:00”

我将这些值解析为（int）

次数：0600066000

但当我绘制图表时，小时字段是错误的。它显示“2”而不是“0”或“00”。分秒似乎很好：

这是我的json代码。我玩了小时场，但没有成功：

// Description of the graph to be displayed
vm.chartJson = {
   type: 'line',
   scaleX: {
      transform: {  
         type: 'date',  
         all: '%H:%h:%G:%g:%i:%s'  
      }
   },
   series: [{ values: data }]
};

如何显示小时字段，同时仍在操作时间而不是日期时间？如果总小时数超过24小时，情况会怎样？我可以显示总小时数，或者添加一个day字段。例子： “124:22:01”或 “5:4:22:01”

---

谢谢

我可以注意到的一个问题是我们以毫秒为单位计算时间。因此，一分钟=60000毫秒。这可能是第一件事。在你所有价值观的末尾加上一个零

第二个问题，我不能完全复制你的时间，因为你的本地机器时区正在使用，我认为我的是不同的。我们有一些属性可以解释这一点，但这可能不是必需的。进一步阅读

不能在库中以本机方式显示124小时。根据您的输入数据，您可以使用自定义x轴标签和标记格式化和绘制您自己的值。既然您似乎已经拥有了所需的字符串格式，为什么不继续使用它呢

var customLabels=['00:00:00'，'00:01:00'，'00:10:00'，'00:11:00']；
变量myConfig={
键入：“行”，
scaleX：{
标签：自定义标签
},
工具提示：{
textAlign:'左'，
文本：“%kl
或
%数据日期：%v”
},
系列：[
{
值：[475、420、400、500]，
dataDates:customLabels，//值数组中的每个点对应一个
}
]
};
zingchart.render（{
id:'我的图表'，
资料来源：myConfig，
高度：“100%”，
宽度：“100%”
});
html，正文{
身高：100%；
宽度：100%；
保证金：0；
填充：0；
}
#我的图表{
身高：100%；
宽度：100%；
最小高度：150px；
}
.zc参考号{
显示：无；
}
以下是我为解决这个问题所做的：

// Determine the format of x-axis
var format = '%i:%s';
if (data[data.length - 1][0] >= 3600000) format = '%G:%i:%s';

// Description of the graph to be displayed
vm.chartJson = {
  type: 'line',
     scaleX: {
     transform: {  
        type: 'date',  
        all: format
     }
  },
  series: [{ values: data }],
  "utc": true,
  "timezone": 0
};

我不能显示超过24小时的时间，因此如果需要，我可以显示天。
Hu Nardecy。谢谢你的回复。这确实是我当地时间的问题。1970年1月1日，我的机器的时间已经是凌晨2点了。因此，2。你的解决方案不合适，因为我失去了x轴上的比例。这就好像0到1分钟之间的时间长达1到10分钟。