[Feature] able to customize the dataMax/dataMin of axis rather than fixed max/min

[Justin-ZS]

What problem does this feature solve?

demo

Like this demo, the axis.max/min just change the aixs range to [min, max].
max: 1555 will change the axis max to 1555

I want a dataMin/dataMax property that set the aixs range to [rounded(dataMin),rounded(dataMax)]
dataMax: 1555 will change the axis max to 1800

What does the proposed API look like?

type ValueAxis = {
  // other properties
  dataMax: number,
  dataMin: number
}

[linghaoSu]

The scale attribute in the axis options might be what you need.

doc demo

[Justin-ZS]

The scale attribute in the axis options might be what you need.

doc demo

No. The scale is used for other cases and doesn't work when max/min are set

This configuration item is unavailable when the min and max are set.

[MatthiasMert]

You can pass a function to axis.min / axis.max and compute the axis boundary values from the min and max in your data.

Example

[Justin-ZS]

You can pass a function to axis.min / axis.max and compute the axis boundary values from the min and max in your data.

Example

It's realy a good solution for simple cases.
However, mantaining a function to handle many edge cases — such as negtive, small numbers, big numbers — can be quite annoying.
ECharts already handles these cases effectively.
All we need is a new API to seamlessly integrate our custom dataMax/dataMin values.

[MatthiasMert]

Another possible workaround would be to use an inviseble helper series that only contains your min and max values. Could be problematic combined with tooltip: { trigger: 'axis' }.

Example

[Justin-ZS]

Another possible workaround would be to use an inviseble helper series that only contains your min and max values. Could be problematic combined with tooltip: { trigger: 'axis' }.

Example

Yes. It's exactly the workaround i'm using for now.
I append an invisible line series to meet the requirement, but an official API would be much better

const invisibleSeries = {
    type: 'line',
    symbolSize: 0,
    lineStyle: {
        width: 0,
        opacity: 0,
    },
    emphasis: {
        scale: false,
        disabled: true,
    },
    select: {
        disabled: true,
    },
    silent: true,
    animation: false,
    label: {
        show: false,
        formatter: '',
    },
    tooltip: {
        show: false,
        formatter: '',
    },
}