echarts时间轴属性参数

时间轴，每个图表最多仅有一个时间轴控件。

timeline的参数主要有：

名称	默认值	描述
{boolean} show	true	显示策略，可选为：true（显示） \| false（隐藏）
{string} type	'time'	模式是时间类型，时间轴间隔根据时间跨度计算，可选为：'number'
{boolean} notMerge	false	时间轴上多个option切换时是否进行merge操作，同setOption第二个参数（详见实例方法）
{boolean} realtime	true	拖拽或点击改变时间轴是否实时显示
{number \| string} x	80	时间轴左上角横坐标，数值单位px，支持百分比（字符串），如'50%'(显示区域横向中心)
{number \| string} y	null	时间轴左上角纵坐标，数值单位px，支持百分比（字符串），默认无，随y2定位，如'50%'(显示区域纵向中心)
{number \| string} x2	80	时间轴右下角横坐标，数值单位px，支持百分比（字符串），如'50%'(显示区域横向中心)
{number \| string} y2	0	时间轴右下角纵坐标，数值单位px，支持百分比（字符串），如'50%'(显示区域纵向中心)
{number} width	自适应	时间轴宽度，默认为总宽度 - x - x2，数值单位px，指定width后将忽略x2。见下图。支持百分比（字符串），如'50%'(显示区域一半的宽度)
{number} height	50	时间轴高度，数值单位px，支持百分比（字符串），如'50%'(显示区域一半的高度)
{color}backgroundColor	'rgba(0,0,0,0)'	背景颜色，默认透明。
{number} borderWidth	0	边框线宽
{color} borderColor	'#ccc'	边框颜色。
{number \| Array}padding	5	内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距，同css，见下图
{string} controlPosition	'left'	播放控制器位置，可选为：'left' \| 'right' \| 'none'
{boolean} autoPlay	false	是否自动播放
{boolean} loop	true	是否循环播放
{number} playInterval	2000	播放时间间隔，单位ms
{Object} lineStyle	{color: '#666', width: 1, type: 'dashed'}	时间轴轴线样式，lineStyle控制线条样式，（详见lineStyle）
{Object} label	{show: true,interval: 'auto',rotate: 0,formatter: null,textStyle: {color: '#333'} }	时间轴标签文本 show : 是否显示 interval : 挑选间隔，默认为'auto'，可选为：'auto'（自动隐藏显示不下的） \| 0（全部显示） \| {number} rotate : 旋转角度，默认为0，不旋转，正值为逆时针，负值为顺时针，可选为：-90 ~ 90 formatter ：间隔名称格式器：{string}（Template） \| {Function} textStyle : 文字样式（详见textStyle）
{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} symbolSize	4	轴点symbol，同serie.symbolSize
{number} currentIndex	0	当前索引位置，对应options数组，用于指定显示特定系列
{Array} data	[]	时间轴列表，同时也是轴label内容

echarts时间轴属性参数相关推荐

【MATLAB第11期】#源码分享 |时间序列数据绘图，横坐标更改为时间轴横坐标轴参数更改日期间隔设置日期标签或格式更改
[MATLAB第11期]#源码分享 |时间序列数据绘图,横坐标更改为时间轴横坐标轴参数更改绘图问题解决方案 1.导入数据方式(识别时间数据) 2.案例展示 (1)打开数据 (2)定义时间和数据 ( ...
echarts时间轴应用
echarts时间轴应用的两种方法第一种,x轴设置type为value,然后还需要把x轴显示的时间戳通过格式化函数(formatter)转换为日期类型,series中的data转换为时间戳.数据类型 ...
百度Echarts时间轴的注意事项
百度Echarts时间轴的注意事项以官方案例修改更加清晰分明现在做一下修改将X轴变为时间轴(中间会跨越) 修改 xAxis.type 为时间格式 [time] 如图修改数据格式为 [{name: ...
android时间轴折线图,echarts时间轴折线图
当使用echarts折线图时,每个数据会打点,在数据量小的时候,美观又快捷,但是当数据量过大时,会非常的卡,以及不美观例如: series: { symbol:'circle', } > EC ...
Echarts时间轴补刻度
有时候我们Echarts图表可能数据不够,只有一两条时,呈现效果不是很好 ,比如这样所以我们需要填充数据,让图表就算没有数据看起来横轴也可以接受 // 补时间轴数值,数据不足10条时,补足10条,把 ...
echarts时间轴传什么格式_职场必看，使用Excel实现大事件时间轴的做法，不看后悔...
生者为过客,死者为归人.天地一逆旅,同悲万古尘.月兔空捣药,扶桑已成薪.白骨寂无言,青松岂知春.前後更叹息,浮荣安足珍. --[唐]李白<拟古其九> 时间轴?什么是时间轴?相信下面的这种样 ...
如何控制Echarts时间轴的刻度区间
我们可以通过Echarts中的xAxis.minInterval和xAxis.interval设置一个固定的时间间隔例如:1小时的时间间隔 {interval: 3600*1000,minInter ...
ECharts实例开发学习笔记二——时间轴
记录一下ECharts时间轴的使用,首先是照着官方的示例做一遍,在这里不要忘了引入timelineOption.js,后面介绍如何动态创建时间轴的记录数,即根据需求可伸缩显示有多少天或者年月等轴标记数 ...
Echarts（三）：含有时间轴的可视化案例1
这是一篇小白的实现时间轴的可视化的笔记. Timeline说明 timeline 需要操作多个option. "我们把传入 setOption 第一个参数,称为 ECOption,称传统的 ...

echarts时间轴属性参数

echarts时间轴属性参数相关推荐

最新文章

热门文章