[Feature] Improvement Suggestion for the xAxis of the Issues Tooltip Chart

[HalloMelon]

Description

I would like to propose some enhancements for the xAxis of the issues tooltip chart. Currently, it is not as clear and user-friendly as it could be. The first time I saw the chart,I cannot understand the meaning of xAxis so quickly. So the text on the xAxis could be easier to read.

For examples： In this repo ( its url as follow: https://github.com/hypertrons/hypertrons-crx ), perhaps it would be better to only display the numerical values of the years on the xAxis within this time range,.

In this repo ( its url as follow: https://github.com/X-lab2017/open-research )，within this time range, I think this presentation format is more reasonable.

[wxharry]

Thank you for the advice. Actually, we had the same conversation to improve the display of year in the biweekly meeting last week. Your solution also looks good to me (didn't look into the code for now). What do you think? @tyn1998

[tyn1998]

Hello @HalloMelon, the issue can be resolved by combining xAxis.minInterval and xAxis.axisLabel.formatter.

[wangyantong2000]

@HalloMelon's question is mainly about explaining the meanings of the x-axis and y-axis. Now I have an idea to mimic this feature:the setting interface of the Hypercrx plugin. The link in Chrome: chrome-extension://inlecjdnpbciaembmkojceckffmmlllb/options.html or the link in Edge: extension://lbbajaehiibofpconjgdjonmkidpcome/options.html.

Add a small component next to the chart title to trigger the display of the meanings of the x-axis and y-axis. If this is feasible, @HalloMelon do you have any specific ideas on implementation details?

[HalloMelon]

I think we need to state two things in the tips box: the first is that the vertical axis represents the increment rather than the total for each period, and the second is that the horizontal axis represents the time at which the user can resize the interval by scrolling with the mouse.

So the following example is a possible representation：the vertical axis represents the increments for each time period; the horizontal axis represents the time; the horizontal axis intervals are resized by scrolling with the mouse.