2015-05-13 3 views
0

Я создал эту скрипку: http://jsfiddle.net/jymxu523/4/CanvasJS и время миллисекунды оси X

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, заговор все испортится.

+0

При попытке установить intervalType на «миллисекунды» и valueFormatString к «FFF» Я получаю браузер повесить в Chrome и Safari. Я делаю что-то ужасно неправильно или это ошибка в canvasJS? – unixunion

ответ

0

Я использовал микросекунды вместо миллисов. Так что это был всего лишь случай использования 1/1000th вместо 1/1000000th для 6-го аргумента.

{x: new Date(Date.UTC (2015, 05, 13, 11, 40, 26, 594)), y: 26 },