d3.js条形图（直方图）问题

Question

我在x轴上有100多个数据点，最初只显示20个点，已加载所有数据点，但仅显示前20个点，最初隐藏了其余数据点，并将其拖动到右侧。我想最初在x​​轴上的条形图的第20个位置显示数据数组的最后一个点或元素。当前最后一个数据点不在图片中。我想在x的第20个位置显示最后一个数据点轴。

这是小提琴链接。 基本上我想显示JS小提琴链接中给出的数据数组的最后一个元素，即2007年10月最初在x轴的第20个位置。 https://jsfiddle.net/60nLzdc2/1/

var data = [
    {CML_ID: 0, Id: "0D", date: "16:009/9", CML_VALUE: 1810, $$hashKey: "object:180"},
    {CML_ID: 1, Id: "1D", date: "17:009/9", CML_VALUE: 1749, $$hashKey: "object:181"},
    {CML_ID: 2, Id: "2D", date: "18:009/9", CML_VALUE: 1572, $$hashKey: "object:182"},
    {CML_ID: 3, Id: "3D", date: "19:009/9", CML_VALUE: 1267, $$hashKey: "object:183"},{CML_ID: 4, Id: "4D", date: "20:009/9", CML_VALUE: 989, $$hashKey: "object:184"},
    {CML_ID: 5, Id: "5D", date: "21:009/9", CML_VALUE: 824, $$hashKey: "object:185"},
    {CML_ID: 6, Id: "6D", date: "22:009/9", CML_VALUE: 727, $$hashKey: "object:186"},......
]

这是数据数组

`