BrsTimeRange

一個時間條

• code by baixiaosheng on 2015/7/30
• html
• 可以在div里加形如：data-values="0,1,3,4,9,12,18,24" data-positions="13,Brs-bar-red|18" 屬性達到添加的效果
• @param wrapper:外層容器
• @param width:設置時間條的的寬

• @param options:配置
  

  var range = new BrsTimeRange(
            'Brs',
            360,
            {
                positions: [{
                    point: 6,
                    data: [
                        {title: '測試', context: '測試值'},
                        {title: '測試', context: '測試值'},
                        {title: '測試', context: '測試值'},
                        {title: '測試', context: '測試值'}
                    ],
                    color: 'Brs-bar-red'
                }, {
                    point: 8,
                    data: [{title: '測試', context: '測試值'}, {title: '測試', context: '測試值'}]
                }],
                values: [-1, 5, 6, 8, 62, 12]
            }
    );
    range.addTwoPoint({
        start: 0, end: 24, data: [[
            {title: '測試', context: '測試值'},
            {title: '測試', context: '測試值'},
            {title: '測試', context: '測試值'},
            {title: '測試', context: '測試值'},
            {title: '測試', context: '測試值'}
        ], [
            {title: '測試', context: '測試值'},
            {title: '測試', context: '測試值'},
            {title: '測試', context: '測試值'},
            {title: '測試', context: '測試值'}
        ]]
    }).addTwoPoint({
        start: 12, end: 15, data: [[
            {title: '測試', context: '測試值'},
            {title: '測試', context: '測試值'},
            {title: '測試', context: '測試值'},
            {title: '測試', context: '測試值'}
        ], [
            {title: '測試', context: '測試值'},
            {title: '測試', context: '測試值'},
            {title: '測試', context: '測試值'}
        ]]
    }, 'Brs-bar-red');

  
  

  項目主頁：http://www.baiduhome.net/lib/view/home/1438356745113