横坐标
show:true
gridIndex:0 //X轴所在的grid的索引,默认位于第一个grid
position:'top' / 'bottom'
offset:0 //位置偏移,有多个x轴时设置
type: //坐标轴类型
"category" :默认类目轴,适用离散的类目数据
''value'' :数值轴,连续的数据
'log' : 对数数据
'time' 时间轴,适用于连续的时序数据,会根据跨度的范围来决定
使用月,星期,日还是小时范围的刻度。
name: // 坐标轴名称
nameLocation://坐标轴名称显示位置
'start'
'middle' 或者 'center'
'end'
nameGap:15 //名称与轴线之间的距离
nameRotate:null //坐标轴名称角度旋转
inverse:false //是否反向坐标轴
boundaryGap://坐标轴两边留白
类目轴
默认为 true,这时候[刻度]只是作为分隔线,标签和数据点都会在两个[刻度]之间的带(band)中间。
非类目轴,
包括时间,数值,对数轴
是一个两个值的数组,分别表示数据最小值和最大值的延伸范围,可以直接设置数值或者相对的百分比,在设置 [min] 和 [max]后无效。
boundaryGap: ['20%', '20%']
min:
max:
max: function(value) {
return value.max - 20;
}
max:'dataMax' //取数据在该轴上的最大值作为最大刻度。
scale:false //强制包含0刻度
minInterval:
0 //自动计算坐标轴间隔大小
设置成1保证坐标轴分割刻度显示成整数
maxInterval: 3600 * 24 * 1000 //保证坐标轴分割刻度最大为一天
silent:false //是否是静态无交互
triggerEvent:false //坐标轴的标签是否响应和触发鼠标事件
axisLine:
{
show:true //*是否显示坐标轴线*
onZero:true //*X 轴或者 Y 轴的轴线是否在另一个轴的 0 刻度*
onZeroAxisIndex://*双轴时,可指定在哪个轴的 0 刻度上*
lineStyle:
}
axisTick://坐标轴刻度
show:true
alignWithLabel:false //可以保证刻度线和标签对齐
inside:false //坐标轴刻度朝外
length:5 //坐标轴刻度的长度
lineStyle:
axisLabel:
show:true //*是否显示刻度标签*
interval:auto / 0 / 1 / 2 //*间隔几个显示一个标签*
inside:false // *标签*
rotate:
margin:
formatter://*刻度标签内容格式
formatter: '{value} kg'
formatter: function (value, index) {
// 格式化成月/日,只在第一个刻度显示年份
var date = new Date(value);
var texts = [(date.getMonth() + 1), date.getDate()];
if (index === 0) {
texts.unshift(date.getYear());
}
return texts.join('/');
}
showMinLabel:null //*是否显示最小 tick 的 label.值 true, false, null
backgroundColor: //*文字块背景色或图片
{
image: 'xxx/xxx.png'
// 这里可以是图片的 URL,
// 或者图片的 dataURI,
// 或者 HTMLImageElement 对象,
// 或者 HTMLCanvasElement 对象。
}
rich:// 富文本标签
splitLine/splitArea/axisPointer/data