0

我创建了这个小提琴：http: //jsfiddle.net/jymxu523/4/

var chart = new CanvasJS.Chart("chartContainer",
{
  title:{
    text: "Converting in Local Time"
  },

  axisX:{
    title: "time",
    gridThickness: 2,
    interval:1, 
    // hangs on safari at least if I try uncomment this
    //intervalType: "millisecond",        
    valueFormatString: "HH:mm fff ", 
    labelAngle: -20
  },
  axisY:{
    title: "distance"
  },
  data: [
  {        
    type: "line",
    dataPoints: [//array timestamps with millis
    {x: new Date(Date.UTC (2015, 05, 13, 11, 40, 26, 594730) ), y: 26 },
    {x: new Date( Date.UTC (2015, 05, 13, 11, 40, 26, 798973) ), y: 38  },
    {x: new Date( Date.UTC(2015, 05, 13, 11, 40, 27, 004165) ), y: 43 },
    {x: new Date( Date.UTC(2015, 05, 13, 11, 40, 27, 209837) ), y: 29},
    {x: new Date( Date.UTC(2015, 05, 13, 11, 40, 27, 417610) ), y: 41}
    ]
  }
  ]
});

chart.render();

而且似乎我无法让 canvasJS 以毫秒精度进行绘图。我有想要小时、分钟、秒和毫秒的绘图数据。但无论我如何尝试格式化 X 轴，绘图都会一团糟。

4

1 回答 1

0

我使用的是微秒，而不是毫秒。所以这只是第 6 个参数使用 1/1000 而不是 1/1000000 的情况。

{x: new Date(Date.UTC (2015, 05, 13, 11, 40, 26, 594) ), y: 26 },
于 2015-05-13T13:56:01.790 回答