EChart柱状图Y轴标题怎么配置
时间: 2024-09-29 11:07:37 浏览: 33
echarts漂亮的柱状图按月统计
ECharts是一款非常流行的JavaScript数据可视化库,其柱状图的Y轴标题可以通过配置`yAxis`选项来设置。下面是一个基本的例子:
```javascript
var myChart = echarts.init(document.getElementById('main'));
// 柱状图配置项
var option = {
xAxis: { }, // X轴配置
yAxis: {
name: 'Y轴标题', // 设置Y轴标题文字
nameLocation: 'middle', // 文字位置,可以设为'top'、'bottom'、'center'
nameTextStyle: { // 标题文本样式
color: '#333', // 颜色
fontSize: 14 // 字体大小
}
},
series: [ // 数据系列
{
type: 'bar',
data: [...], // 数据数组
}
]
};
myChart.setOption(option);
```
在这个配置中,`name`属性用于设置标题的文字内容,`nameLocation`决定了标题放置的位置,`nameTextStyle`则设置了标题的字体颜色和大小。
阅读全文