n3-line-chart: несогласованные значения для дат по оси x

Question

Я создаю линейную диаграмму, используя n3 line chart в моем угловом приложении. Мои данные - это количество дат и цифр. Это результат я получаю:

Как вы можете видеть, значение по оси X противоречивы. Он имеет галочку каждые 12 часов, но каждый тик имеет разный формат. Я пытаюсь сохранить формат одинаков для каждого тика, то есть:

Это, как я включаю диаграмму в HTML:

<linechart class="linechart" data="data" options="options"></linechart>

Этот это мои варианты осей:

$scope.options = { 
     axes: { 
      x: { 
       key: "from", 
       type: "date", 
       innerTicks: false, 
       grid: false, 
       ticksInterval: d3.time.days 
      }, 
      y: { 
       ticks: 6, 
       ticksFormatter: $scope. formatNumber 
      } 
     } 

Я пытался использовать разные значения для ticks и ticksInterval, но безуспешно.

Любой способ достичь этого?

спасибо.

Answer 1

У меня была такая же проблема сегодня.

Я решил использовать его с использованием толстой формы и функции d3.time.format().

axes : { 
        x : { 
         key : "date", 
         type : 'date', 
         tickFormat : d3.time.format("%x %X") 
        } 
       }