echarts timeline参数,属性

本文详细介绍了ECharts中时间轴组件的配置项,包括显示、类型、实时更新、坐标位置、尺寸、样式等属性,以及时间轴的标签、当前点、控制器样式等设置,帮助开发者实现动态数据展示和交互控制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

名称默认值描述
{boolean} showtruetrue(显示),false(隐藏)
{string} type‘time’模式是时间类型,时间轴间隔根据书简跨度计算,可选为:“number”
{boolean} notMergefalse时间轴上多个option切换是否进行merge操作,同setOption第二个参数
{boolean} realtimetrue拖拽或点击改变时间轴是否实时显示
{numbet | string} x80时间轴左上角横向坐标,数值单位px,支持百分比(字符串)
{numbet | string} ynull时间轴左上角纵向坐标,数值单位px,支持百分比(字符串)
{number | string}x280时间轴右下角横向坐标,数值单位px,支持百分比(字符串)
{number | string}y20时间轴右下角横向坐标,字体坐标,数值单位px,支持百分比(字符串)
{number} width自适应时间轴宽度,默认值为总宽度- x - x2 , 数值为px,指定width后将忽略x2,支持百分比(字符串)
{number} height50时间轴高度,数值单位px,支持百分比(字符串)
{color} backgroundColor‘rgba(0,0,0,0)’背景颜色,默认透明
{number}borderWidth0边框线宽
{color} borderColor‘#ccc’边框颜色
{number | Array} padding5内边距,单位px,默认各方向内边距为5,接受数组分别设定上右下左边距
{string} controlPosition‘left’播放控制器位置,可选为:‘left’,‘right’,‘none’
{boolean} autoPlayfalse是否自动播放
{boolean} looptrue是否循环播放
{number} playInterval2000播放时间间隔,单位ms
{Object}lineStyle{color:’#666’,width:1,type:‘dashed’}时间轴轴线样式,lineStyle控制线条样式
{Object} label{ show:true ,interval: ‘auto’,rotate: 0, formatter: null,textStyle: {color: ‘#333’ }}时间轴标签文本show : 是否显示 interval : 挑选间隔,默认为’auto’,可选为:‘auto’(自动隐藏显示不下的)
{Object}checkpointStyle{ symbol : ‘auto’, symbolSize : ‘auto’, color : ‘auto’, borderColor : ‘auto’, borderWidth : ‘auto’, label: {show: false, textStyle: { color: ‘auto’ } }}时间轴当前点symbol : 当前点symbol,默认随轴上的symbol symbolSize : 当前点symbol大小,默认随轴上symbol大小 color : 当前点symbol颜色,默认为随当前点颜色,可指定具体颜色,如无则为’#1e90ff’ borderColor : 当前点symbol边线颜色 borderWidth : 当前点symbol边线宽度 label同上
{Object} controlStyle{normal : { color : ‘#333’},emphasis : { color : ‘#1e90ff’}}时间轴控制器样式,可指定正常和高亮颜色
{string} symbol‘emptyDiamond’轴点symbol,同serie.symbol
{number} symbolSize4轴点symbol,同serie.symbolSize
{number} currentIndex0当前索引位置,对应options数组,用于指定显示特定系列
{Array} data[]时间轴列表,同时也是轴label内容

转载于愤怒的葫芦

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值