n3-line-chart：x轴上日期的值不一致

Question

我在角度应用中使用n3 line chart创建折线图。 我的数据是日期和计数的数组。 这是我得到的结果：

如您所见，X轴值不一致。 它每12小时打一次，但每个刻度都有不同的格式。我试图保持每个节拍的格式相同，即：

这是我在html中包含图表的方式：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

这是我的轴选项：

    $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

我今天遇到了同样的问题。

我使用thickFormat和d3.time.format()函数解决了它。

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