echarts x轴为斜的
时间: 2023-11-03 08:51:57 浏览: 99
要让 ECharts 的 X 轴标签文字倾斜显示,你可以通过设置 xAxis 的 axisLabel 属性中的 rotate 属性来实现。下面是一个示例代码:
```javascript
option = {
// 其他配置项...
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisLabel: {
rotate: 45 // 设置倾斜角度,以度为单位
}
},
// 其他配置项...
};
// 使用上面的配置项初始化图表
var myChart = echarts.init(document.getElementById('chart'));
myChart.setOption(option);
```
在上面的代码中,我们设置了 xAxis 的 type 属性为 'category',表示 X 轴的数据为类目型。然后,在 axisLabel 中设置了 rotate 属性为 45,表示标签文字以 45 度的角度倾斜显示。
你可以根据自己的需要调整 rotate 的值来改变文字的倾斜角度。