使用 Short Night 创建时间轴

本篇指南讲从零开始使用 Short Night 来创建一个时间轴！

目标是给出如下的事件信息：

const events = [{
    date: '2017-5',
    title: 'Axis example 1',
    endDate: '2017-8',
    endText: 'The axis can avoid for each others'
},{
    date: '2017-6',
    title: 'Axis example 2',
    endDate: '2017-9-1',
    endText: 'End point is 2017.9'
},{
    date: '2017-9-1',
    title: 'Start of 2017.9',
},{
    date: '2017-1-2',
    title: 'Near the milestone',
},{
    date: '2016-12-15',
    endDate: '2017-2',
    title: 'Near the milestone',
    description: 'The date of end is 2017.2.'
},{
    date: '2018-8-15',
    title: 'Close together 1',
},{
    date: '2018-8-1',
    title: 'Close together 2',
},{
    date: '2018-7-15',
    title: 'Close together 3',
    description: 'The event description.',
},{
    date: '2018-7-1',
    title: 'Close together 4',
    description: 'The event description.',
},{
    date: '2016-8-1',
    title: 'Close together 5',
    description: 'The event description. The event description. The event description. The event description. The event description.',
},{
    date: '2016-8-15',
    title: 'Close together 6',
    description: 'The event description. The event description. The event description. The event description. The event description.',
},{
    date: '2018-4-2',
    title: 'A event which title is very very very very very very very very very very long',
},{
    date: '2018-3-9',
    title: '39s Day two years!',
},{
    date: '2017-3-9',
    title: '39s Day one years!',
},{
    date: '2016-3-9',
    title: '39s Day!',
    description: 'In japan and chinese, the pronunciation  of 39 is very like "Thank You". ' +
        'So some people call as Giving Day.'
}];

可以自动画出下边的图：

相信我，这非常简单！除开环境配置，一共只有不到200行的代码就可以搞定！

本次教程的代码：polar-day