1、配置 grid 属性
grid 组件离容器左侧的距离。
left 的值可以是像 20 这样的具体像素值,可以是像 ‘20%’ 这样相对于容器高宽的百分比,也可以是 ‘left’, ‘center’, ‘right’。如果 left 的值为’left’, ‘center’, ‘right’,组件会根据相应的位置自动对齐。
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
grid: {
// top:48,
left: '50%', // 调整这个属性
},
series: [
{
data: [150, 230, 224, 218, 135, 147, 260],
type: 'line'
}
]
};
2 、配置 formatter 属性
刻度标签的内容格式器,支持字符串模板和回调函数两种形式。
示例:
使用字符串模板,模板变量为刻度默认标签 {value}
formatter: '{value} kg'
使用函数模板,函数参数分别为刻度数值,刻度的索引
yAxis: {
axisTick: {
show: false,
},
axisLabel: {
color: '#444343',
formatter: function (value, index) {
// value大于1000时除以1000并拼接k,小于1000按原格式显示
if (value >= 1000) {
value = value / 1000 + 'k';
} else if (value < 1000) {
value;
}
return value;
},
},
},
参考链接
发表评论