【已解决】echarts的yAxis设置名字后,怎么设置字体竖着显示居中显示?
在使用echarts怎么生成如下图Y轴数据居中显示?Y轴配置json如下图:可以通过设置yAxis的nameRotate和nameTextStyle属性来实现及echarts的Y轴yAxis名字在左侧居中显示。可以使用 yAxis.name 和 yAxis.nameLocation 属性来设置Y轴名称和名称位置,以实现Y轴名称在左侧居中显示的效果
在使用echarts怎么生成如下图Y轴数据居中显示?

Y轴配置json如下图:
可以通过设置yAxis的nameRotate和nameTextStyle属性来实现及echarts的Y轴yAxis名字在左侧居中显示。可以使用 yAxis.name 和 yAxis.nameLocation 属性来设置 Y 轴名称和名称位置,以实现 Y 轴名称在左侧居中显示的效果
yAxis: {
type: 'value',
name: '纵轴名-旋转角度',
nameRotate: 90, // 旋转角度
nameLocation: 'middle',
nameGap: 30,
nameTextStyle: {
fontSize: 18, // 字体大小
fontWeight: 'bold', // 字体加粗
lineHeight: 45, // 行高,需要根据字体大小进行调整
verticalAlign: 'bottom' // 文字垂直对齐方式
},
axisLabel: {
textAlign: 'center'
}
}完整代码:
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
,axisLabel: 原创不易,完成人机校验,阅读全文
相关推荐
ECHARTS【已解决】如何设置echarts的X轴字体不重叠?HBUILDER X【已解决】HBuilder X编辑器在外接显示器或者4K显示器怎么设置HBuilderX窗口本身的字体大小如何设置?ECHARTS【已解决】echarts 折线图怎么设置平滑度?ECHARTS【已解决】如何设置echarts的X周怎么设置不自动合并?ECHARTS【已解决】echarts的echarts怎么设置图例在下面且不和X轴数据重叠?ECHARTS【已解决】echarts的Y轴设置name后,和Y轴的数据重叠了,怎么解决?ECHARTS【已解决】如何设置echarts折线图的颜色?JSEcharts图表的柱状图和漏洞图形怎么将数据值显示出来