feat(axis): support tooltip for axis label #16315

plainheart · 2022-01-04T02:52:08Z

Brief Information

This pull request is in the type of:

bug fixing
new feature
others

What does this PR do?

Support tooltip for the axis label. It's useful for the case in which the axis label is truncated for long text and hope to show the full text when hovering on the label.

Fixed issues

Details

Before: What was the problem?

No tooltip for showing the full text of a truncated axis label. The developer has to simulate a tooltip via listening to the mouse event like https://codepen.io/plainheart/pen/jOGBrmJ.

After: How is it fixed in this PR?

Misc

The API has been changed (apache/echarts-doc#xxx).
This PR depends on ZRender changes (ecomfe/zrender#xxx).

Related test cases or examples to use the new APIs

Please refer to the last test case in test/axisLabel.html.

Others

Merging options

Please squash the commits into a single one when merging.

Other information

echarts-bot · 2022-01-04T02:52:10Z

Thanks for your contribution!
The community will review it ASAP. In the meanwhile, please checkout the coding standard and Wiki about How to make a pull request.

The pull request is marked to be PR: author is committer because you are a committer of this project.

Thj007 · 2022-07-17T07:37:25Z

怎么使用呢？

plainheart · 2022-07-17T13:55:59Z

@Thj007 可以参考 PR 里附加的测试用例 test/axisLabel.html

Ovilia

Tried with the test case and it looks cool. LGTM

echarts-bot · 2022-09-02T07:23:55Z

To reviewers: If this PR is going to be described in the changelog in the future release, please make sure this PR has one of the following labels: PR: doc ready, PR: awaiting doc, PR: doc unchanged

This message is shown because the PR description doesn't contain the document related template.

Ovilia · 2022-09-02T07:25:12Z

@pissang Please double-click this PR.

@plainheart I think a new option is probably required? Please check the "The API has been changed" and prepare the document later.

src/component/axis/AxisBuilder.ts

github-actions · 2024-04-29T01:23:16Z

The changes brought by this PR can be previewed at: https://echarts.apache.org/examples/editor?version=PR-16315@15a8f64

shenxiang216 · 2024-07-17T07:04:08Z

期待看到该功能的合并！

tracyfarah · 2024-10-17T09:33:17Z

@pissang @100pah can we please merge this thanks :)

FirstVertex · 2024-11-07T16:43:08Z

Please, let's do it! We have the same requirement about tooltip on Axis label only whey they are overflowed. Thanks!

… can be used in the upper program like echarts tooltip, as required by apache/echarts#16315 .

src/component/axis/AxisBuilder.ts

echarts-bot · 2024-11-24T06:06:58Z

Congratulations! Your PR has been merged. Thanks for your contribution! 👍

pull-request-size bot added the size/XS label Jan 4, 2022

echarts-bot bot added PR: author is committer PR: awaiting review labels Jan 4, 2022

This was linked to issues Jan 4, 2022

x-axis Data label #15299

Closed

[Feature] xAxis or yAxis tooltip #16228

Closed

pissang added this to the 5.4 milestone Jan 4, 2022

plainheart requested review from Ovilia and pissang August 13, 2022 02:24

Ovilia modified the milestones: 5.4, 5.4.1 Sep 1, 2022

Ovilia previously approved these changes Sep 2, 2022

View reviewed changes

echarts-bot bot removed the PR: awaiting review label Sep 2, 2022

Ovilia requested a review from 100pah September 22, 2022 09:59

plainheart dismissed Ovilia’s stale review via 550a870 October 8, 2022 09:16

echarts-bot bot added the PR: awaiting review label Oct 8, 2022

pull-request-size bot added size/XXL and removed size/XS labels Oct 8, 2022

plainheart changed the base branch from next to master October 8, 2022 09:16

pull-request-size bot added size/XS and removed size/XXL labels Oct 8, 2022

plainheart commented Oct 8, 2022

View reviewed changes

src/component/axis/AxisBuilder.ts Show resolved Hide resolved

plainheart added the discussion-required Further discussion is required before we decide if this issue should be fixed. label Oct 14, 2022

plainheart modified the milestones: 5.4.1, 5.5.0 Nov 10, 2022

plainheart removed this from the 5.5.0 milestone Feb 25, 2023

plainheart modified the milestones: TBD, 5.5.1 Apr 29, 2024

Ovilia modified the milestones: 5.5.1, 5.5.2 Jun 28, 2024

plainheart mentioned this pull request Jul 1, 2024

[Feature] Unable to show tooltip for the title if the title name is too long #20062

Open

plainheart mentioned this pull request Jul 17, 2024

[Feature] echarts支持多个tooltip吗？ #20168

Closed

plainheart changed the title ~~feat(axis): support tooltip for axis label.~~ feat(axis): support tooltip for axis label Jul 17, 2024

shenxiang216 mentioned this pull request Jul 17, 2024

[Feature] 坐标轴触发自定义tooltip的问题 #19491

Open

This was linked to issues Nov 15, 2024

Axis Level tooltip feature in echarts , when user hovers on axis label tooltip should be shown #19207

Closed

Tooltip on axis labels which are truncated #19616

Closed

100pah added a commit to ecomfe/zrender that referenced this pull request Nov 18, 2024

feat: support output the state isTruncated in Text element, which…

92dbb39

… can be used in the upper program like echarts tooltip, as required by apache/echarts#16315 .

100pah mentioned this pull request Nov 18, 2024

feat: support output the state isTruncated in Text element. ecomfe/zrender#1101

Merged

100pah requested changes Nov 18, 2024

View reviewed changes

src/component/axis/AxisBuilder.ts Outdated Show resolved Hide resolved

src/component/axis/AxisBuilder.ts Show resolved Hide resolved

echarts-bot bot added PR: revision needed and removed PR: awaiting review labels Nov 18, 2024

feat(axis): support tooltip for axis label

8f7773c

plainheart force-pushed the feat/axis-label-tooltip branch from 155653f to 8f7773c Compare November 23, 2024 01:55

echarts-bot bot added PR: awaiting review and removed PR: revision needed labels Nov 23, 2024

plainheart removed the discussion-required Further discussion is required before we decide if this issue should be fixed. label Nov 23, 2024

fix(axis): remove unused import

15a8f64

100pah approved these changes Nov 24, 2024

View reviewed changes

echarts-bot bot removed the PR: awaiting review label Nov 24, 2024

plainheart merged commit 8924cb5 into master Nov 24, 2024
2 checks passed

plainheart deleted the feat/axis-label-tooltip branch November 24, 2024 06:06

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(axis): support tooltip for axis label #16315

feat(axis): support tooltip for axis label #16315

plainheart commented Jan 4, 2022 •

edited

Loading

echarts-bot bot commented Jan 4, 2022

Thj007 commented Jul 17, 2022

plainheart commented Jul 17, 2022

Ovilia left a comment

echarts-bot bot commented Sep 2, 2022

Ovilia commented Sep 2, 2022

github-actions bot commented Apr 29, 2024 •

edited

Loading

shenxiang216 commented Jul 17, 2024

tracyfarah commented Oct 17, 2024

FirstVertex commented Nov 7, 2024

echarts-bot bot commented Nov 24, 2024

feat(axis): support tooltip for axis label #16315

feat(axis): support tooltip for axis label #16315

Conversation

plainheart commented Jan 4, 2022 • edited Loading

Brief Information

What does this PR do?

Fixed issues

Details

Before: What was the problem?

After: How is it fixed in this PR?

Misc

Related test cases or examples to use the new APIs

Others

Merging options

Other information

echarts-bot bot commented Jan 4, 2022

Thj007 commented Jul 17, 2022

plainheart commented Jul 17, 2022

Ovilia left a comment

Choose a reason for hiding this comment

echarts-bot bot commented Sep 2, 2022

Ovilia commented Sep 2, 2022

github-actions bot commented Apr 29, 2024 • edited Loading

shenxiang216 commented Jul 17, 2024

tracyfarah commented Oct 17, 2024

FirstVertex commented Nov 7, 2024

echarts-bot bot commented Nov 24, 2024

plainheart commented Jan 4, 2022 •

edited

Loading

github-actions bot commented Apr 29, 2024 •

edited

Loading