TimeLine，完全在轴上的项目或具有低高度时间轴的项目

Question

我无法在vis.js TimeLine中重叠或放置轴上的项目。像这儿  http://www.iftekhar.me/ibm/ibm-project-timeline/，是否可以在不更改源代码的情况下使用？

顺便提一下背景物品是不可拖动的，所以我尝试使用范围，但我的时间线只有30px的高度，并且中心不可见，所以我把它的顶部倾斜到0px然后现在与怪异的战斗我的范围的垂直移动...

我做错了什么？ http://jsfiddle.net/9a5m5283/just鼠标左右移动和上下移动

export const recommendedActivities4 = {  
      description: 'One of the best spots in SFs Famous: North Beach. Grab a coffee and just people watch for hours!',
      id: 'tartine-bakery-and-cafe-san-francisco',
      name: 'Tartine Bakery & Cafe',
      image_url: 'https://s3-media3.fl.yelpcdn.com/bphoto/vTLu8G86IqIazm7BRqIH4g/o.jpg',
      is_closed: false,
      url:
        'https://www.yelp.com/biz/nopa-san-francisco?adjust_creative=oj0judbJDVIHIVps_GJrXQ&utm_campaign=yelp_api_v3&utm_medium=api_v3_business_search&utm_source=oj0judbJDVIHIVps_GJrXQ',
      review_count: 4636,
      categories: [
        {
          alias: 'newamerican',
          title: 'American (New)',
        },
        {
          alias: 'modern_european',
          title: 'Modern European',
        },
      ],
      rating: 4,
      coordinates: {
        latitude: 37.774905,
        longitude: -122.437506,
      },
      transactions: ['restaurant_reservation'],
      price: '$$$',
      location: {
        address1: '560 Divisadero St',
        address2: null,
        address3: '',
        city: 'San Francisco',
        zip_code: '94117',
        country: 'US',
        state: 'CA',
        display_address: ['560 Divisadero St', 'San Francisco, CA 94117'],
      },
      phone: '+14158648643',
      display_phone: '(415) 864-8643',
      distance: 255.549722789804,
}