echarts折线图有96个点数据，但是只展示第一个点和最后一个点，并且dataZoom滚动时不影响这条折线的显示

可以使用 `markPoint` 属性来标记折线的起点和终点，同时使用 `dataZoom` 配置项来控制缩放时不影响这条折线的显示。

示例代码如下：

option = {
  xAxis: {
    type: 'category',
    data: ['1', '2', '3', ... '96']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    type: 'line',
    data: [...], // 96个数据点
    markPoint: {
      data: [{
        type: 'max',
        name: '最大值'
      }, {
        type: 'min',
        name: '最小值'
      }, {
        type: 'symbol',
        symbol: 'circle',
        symbolSize: 10,
        name: '起点',
        coord: [0, data[0]]
      }, {
        type: 'symbol',
        symbol: 'circle',
        symbolSize: 10,
        name: '终点',
        coord: [95, data[95]]
      }]
    }
  }],
  dataZoom: [{
    type: 'inside',
    start: 0,
    end: 100
  }]
};

这里的 `markPoint` 属性中，使用了 `type: 'symbol'` 来表示起点和终点，并且设置了其坐标 `coord`。在 `dataZoom` 的配置中，使用 `type: 'inside'` 来表示内置的缩放组件，通过设置 `start` 和 `end` 来控制缩放的范围。这样就可以实现只展示起点和终点，并且缩放时不影响这条折线的显示。