echart.js 坐标轴标注名称注释
时间: 2023-08-05 18:01:52 浏览: 147
在 ECharts 中,可以使用 axisLabel 属性来给坐标轴标注名称注释。具体来说,可以设置以下属性:
1. formatter:用于格式化坐标轴标注名称的函数;
2. show:是否显示坐标轴标注名称,默认为 true;
3. textStyle:用于设置坐标轴标注名称的样式,如颜色、字体大小等。
以下是一个示例代码,用于给 x 轴和 y 轴添加标注名称注释:
```
option = {
xAxis: {
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
axisLabel: {
formatter: '{value}日',
show: true,
textStyle: {
color: '#333',
fontSize: 14
}
}
},
yAxis: {
axisLabel: {
formatter: '{value}元',
show: true,
textStyle: {
color: '#333',
fontSize: 14
}
}
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
```
在上述代码中,xAxis 和 yAxis 分别表示 x 轴和 y 轴,axisLabel 中的 formatter 属性用于将坐标轴标注名称格式化为“xx日”和“xx元”的形式,textStyle 属性用于设置坐标轴标注名称的样式。另外,show 属性默认为 true,因此可以省略。
阅读全文
相关推荐













