Determine Bar-Width based on time-axis

What problem does this feature solve?

The current barSeries is centered around its point in time. But, to present time-based data, it is often necessary to present a bar based on a given time-window.

Currently, it is possible to determine the width of the bar in pixels but not relative to the corresponding x-value when using time-axis. For my specific usecase i need to draw a bar chart representing a timewindow. e.g. the bar shall span from 1pm to 2pm instead of centering a fixed pixelwidth around 1:30pm.

What does the proposed API look like?

My Proposal would be the be able to specify a function, “relativeBarWith”, which gets the current x value as parameter

{
  type: "bar",
  relativeBarWidth: (timestamp) => ({
    startBarAt: timestamp - MS_ONE_HOUR,
    endBarAt: timestamp
  })
}

echarts would then dynamically calculate the width in pixels of the bar.

[LarsKoelpin]

@LarsKoelpin Can you post a snippet of the custom chart option you used?

Sure, its the one derivation used in my reproduction case of #12221 (https://jsfiddle.net/3zrLnvqp/). The code may to off tho, as the “lowerLeft” is actually topLeft I think. Also, as the issue suggests, you have to turn off progressive rendering

[github-actions[bot]]

This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!