echarts 时间轴注释

这是项目里的代码 关于echats时间轴的配置标注
你可以直接复制到自己的echats中使用或者研究

timeline: {
    axisType: 'category',
    orient: 'vertical',//时间轴竖着 默认横着
    inverse: true,
    data: [2000, 2001, 2002],//时间轴显示的日期
    autoPlay: false,        //是否选择播放
    playInterval: 1000,  //播放时间
    right: 5,           //配置时间轴位置
    top: 20,          //时间轴的位置
    bottom: 20,
    width: 46,
    height: null,
    label: {                //配置时间轴上显示数字的日期
        normal: {
            fontSize: 14,
            color: '#01fffc',
            position: -10
        },
        emphasis: {
            fontSize: 16,
            color: '#01fffc',
            position: -10
        }
    },
    symbol: 'none',             //配置轴线颜色
    lineStyle: {
        color: '#fff5ff'
    },
    checkpointStyle: {              //妈妈哎 时间轴上播放标志的颜色也要配置
        color: '#51d1ff',           //圆圈内的颜色
        borderColor: '#d6faff',     //圆圈描边的颜色
        borderWidth: 1
    },
    controlStyle: {             //配置时间轴上的按键颜色
        showNextBtn: false,
        showPrevBtn: false,
        normal: {
            color: '#ff8f4a',           //播放按钮上的颜色
            borderColor: '#3fd5ff'         //播放按钮上颜色
        },
        emphasis: {                         //可怕的选中后它也会变颜色
            color: '#ff1867',               //内颜色
            borderColor: '#ff1867'          //外颜色
        }
    },
},

原创文章 需要转载请附上此文url