The axis name align way base on x/y axis line ?

xianghongai commented 5 years ago

General Questions

Issue Type

[x] I have a question to ask about how to use ECharts to ...；我想提问如何使用 ECharts 实现某功能
[ ] I have a bug to report；我想要报 bug
[x] I have a feature to request, e.g.: I'd like a new feature that ...；我需要一个新功能
[x] I have a feature to enhance, e.g.: The current feature should be improved in the way that ...；我希望改进某个功能
[ ] There's something wrong with the documents；文档有些问题
[ ] Others, or I'm not sure which issue types to choose here；其他，或我不知道应该选什么类型

Issue Details

Expected Behavior

how-to-align-left-of-yaxis-that-name

Current Behavior

If the axis name too long, it will overflow the canvas.

Online Example

option = {
    xAxis: {
        type: 'category',
        name: `Axis name very very very very very very very very long`,
        nameLocation: 'start',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value',
        name: `Axis name very very very very very very very very long`,
        nameLocation: 'end',
        nameAlign: 'end',
        nameGap: 15,

    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        smooth: true
    }]
};

Topics

Anything Else We Need to Know

PS: This issue template, the Issue Details section,  tips message missing { chart.

Environment

ECharts version；ECharts 版本: {DESCRIBE_HERE} 4.2.0
[x] It happens only on certain browsers or operating systems. 对于特定浏览器或操作系统才会出现的问题，请提供相应环境信息：{BROWSER_VERSION_OR_OS_INFORMATION_HERE} All Browser, All OS

Ovilia commented 5 years ago

Please use https://echarts.baidu.com/option.html#yAxis.nameTextStyle.align

xianghongai commented 5 years ago

yAxis nameTextStyle align is not working, color property in working.

yaxis nametextstyle align-not-working

option = {
    xAxis: {
        type: 'category',
        name: `xAxis very very very very very very very very long`,
        nameGap: 35,
        nameLocation: 'end',
        nameTextStyle: {
            color: '#00f',
            fontWeight: 'bolder',
            align: 'left',
            verticalAlign: 'left'
        },
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value',
        name: `yAxis very very very very very very very very long`,
        nameGap: 35,
        nameLocation: 'end',
        nameTextStyle: {
            color: '#f00',
            fontWeight: 'bolder',
            align: 'right'
        }
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        smooth: true
    }]
};

yangchao35071 commented 5 years ago

请问解决了吗? 我也是这个问题yAxis.nameTextStyle.align不生效, 但是低版本的echarts却可以

Ovilia commented 5 years ago

@yangchao35071 Not yet. Scheduled in v4.3.0.

wjhcc2018 commented 5 years ago

我也遇到这个问题了，大家解决了吗

zhouye0211 commented 5 years ago

我也遇到了这个问题，把y轴的name替换成title去设置或者用grid.left去调整。

apache / echarts