echarts 时间线timeline样式效果

echarts yekong

echarts 时间线样式参数调整,以及自定义上一个下一个按钮图标
echarts 地图timeline样式定义

timeTitle: ['2015', '2016', '2017', '2018', '2019'],
import prevIcon from '../../assets/icon_leftjt.png'
import nextIcon from '../../assets/icon_rightjt.png'
timeline: {
  data: timeTitle,
  axisType: 'category',
  autoPlay: true,
  playInterval: 5000,
  left: '10%',
  right: '10%',
  bottom: '2%',
  width: '60%',
  label: {
    normal: {
      textStyle: {
        color: 'rgba(51, 51, 51, 1)'
      }
    },
    emphasis: {
      textStyle: {
        color: '#fff'
      }
    }
  },
  currentIndex: that.currentIndex,
  symbolSize: 10,
  lineStyle: {
    color: '#e7e7e7',
    width: 10,
  },
  itemStyle: {
    color: '#fff',
    borderWidth: 2,
    borderColor: '#e7e7e7'
  },
  progress: {
    lineStyle: {
      color: '#e54949'
    },
    itemStyle: {
      color: '#fff'
    }
  },
  checkpointStyle: {
    borderColor: '#eb595a',
    color: '#eb595a',
    borderWidth: 2,
  },
  controlStyle: {
    showNextBtn: true,
    showPrevBtn: true,
    prevIcon: 'image://' + prevIcon,
    nextIcon: 'image://' + nextIcon,
    normal: {
      color: 'rgba(218, 46, 46, 1)',
      borderColor: 'rgba(218, 46, 46, 1)'
    },
    emphasis: {
      color: '#ed5d5d',
      borderColor: '#ed5d5d'
    }
  },
},

echarts timeline 文档说明

echarts timeline文档说明

喜欢