Am chart v4 Tooltip issue
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I am using XY chart for line chart in amchart v4 , I am phasing issue in tooltip, I have customize tooltip text as html , but when mouse hover one line show all line tooltip, I want only selected line tooltip not for all lines, please help
tooltip issue screen shot
javascript amcharts
asked Nov 21 '18 at 12:21
Rahul.kmarRahul.kmar
145
add a comment |
I am using XY chart for line chart in amchart v4 , I am phasing issue in tooltip, I have customize tooltip text as html , but when mouse hover one line show all line tooltip, I want only selected line tooltip not for all lines, please help
tooltip issue screen shot
javascript amcharts
asked Nov 21 '18 at 12:21
Rahul.kmarRahul.kmar
145
add a comment |
I am using XY chart for line chart in amchart v4 , I am phasing issue in tooltip, I have customize tooltip text as html , but when mouse hover one line show all line tooltip, I want only selected line tooltip not for all lines, please help
tooltip issue screen shot
javascript amcharts
asked Nov 21 '18 at 12:21
Rahul.kmarRahul.kmar
145
I am using XY chart for line chart in amchart v4 , I am phasing issue in tooltip, I have customize tooltip text as html , but when mouse hover one line show all line tooltip, I want only selected line tooltip not for all lines, please help
tooltip issue screen shot
javascript amcharts
javascript amcharts
asked Nov 21 '18 at 12:21
Rahul.kmarRahul.kmar
145
asked Nov 21 '18 at 12:21
Rahul.kmarRahul.kmar
145
asked Nov 21 '18 at 12:21
Rahul.kmarRahul.kmar
145
asked Nov 21 '18 at 12:21
Rahul.kmarRahul.kmar
145
asked Nov 21 '18 at 12:21
Rahul.kmarRahul.kmar
145
145
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I'm afraid that while the Chart Cursor (XYCursor) is enabled, there's no way to lock down onto only one series' tooltip while multiple series' tooltips are defined. Even if you define a tooltip on their bullets and give the bullets a new tooltip object (because by default they use their series' tooltip), Chart Cursor will still trigger the bullets' tooltips. I'll see if there is a way to opt-in/out of the force hover behavior of Chart Cursor, but at the moment it seems that is not the case.
If you need the Chart Cursor, what you can do is only assign tooltipHTML to just one series. Especially since it seems all of your tooltips are showing the exact same data.
It seems like you're aware of the following already but I'll mention these just in case. You can find an example of single series tooltip in our guide on HTML content for tooltips, "Adding interactive elements". And here's the CodePen demo it shows:
https://codepen.io/team/amcharts/pen/Wgmzga
If you can go without Chart Cursor, that opens up the doors for tooltips appearing based on the series you hover over.
Here's an example that starts with Chart Cursor and just a tooltip on one series, then if you click the button on the top right and wait a second, it'll kill the Chart Cursor, enable bullets with tooltipHTML set on them instead:
https://codepen.io/team/amcharts/pen/371ab4d22e7a9c7dffeca36a3c54fe6a
answered Nov 22 '18 at 8:41
notacouchnotacouch
1,99111024
Thanks , It was helpful me, I fixed it as: series.slices.template.events.on("over", function(ev) { series.tooltip.invalidate(); series.tooltip.html=showHtml(ev,series.name); }, this);
– Rahul.kmar
Nov 30 '18 at 13:42
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53411930%2fam-chart-v4-tooltip-issue%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I'm afraid that while the Chart Cursor (XYCursor) is enabled, there's no way to lock down onto only one series' tooltip while multiple series' tooltips are defined. Even if you define a tooltip on their bullets and give the bullets a new tooltip object (because by default they use their series' tooltip), Chart Cursor will still trigger the bullets' tooltips. I'll see if there is a way to opt-in/out of the force hover behavior of Chart Cursor, but at the moment it seems that is not the case.
If you need the Chart Cursor, what you can do is only assign tooltipHTML to just one series. Especially since it seems all of your tooltips are showing the exact same data.
It seems like you're aware of the following already but I'll mention these just in case. You can find an example of single series tooltip in our guide on HTML content for tooltips, "Adding interactive elements". And here's the CodePen demo it shows:
https://codepen.io/team/amcharts/pen/Wgmzga
If you can go without Chart Cursor, that opens up the doors for tooltips appearing based on the series you hover over.
Here's an example that starts with Chart Cursor and just a tooltip on one series, then if you click the button on the top right and wait a second, it'll kill the Chart Cursor, enable bullets with tooltipHTML set on them instead:
https://codepen.io/team/amcharts/pen/371ab4d22e7a9c7dffeca36a3c54fe6a
answered Nov 22 '18 at 8:41
notacouchnotacouch
1,99111024
Thanks , It was helpful me, I fixed it as: series.slices.template.events.on("over", function(ev) { series.tooltip.invalidate(); series.tooltip.html=showHtml(ev,series.name); }, this);
– Rahul.kmar
Nov 30 '18 at 13:42
add a comment |
I'm afraid that while the Chart Cursor (XYCursor) is enabled, there's no way to lock down onto only one series' tooltip while multiple series' tooltips are defined. Even if you define a tooltip on their bullets and give the bullets a new tooltip object (because by default they use their series' tooltip), Chart Cursor will still trigger the bullets' tooltips. I'll see if there is a way to opt-in/out of the force hover behavior of Chart Cursor, but at the moment it seems that is not the case.
If you need the Chart Cursor, what you can do is only assign tooltipHTML to just one series. Especially since it seems all of your tooltips are showing the exact same data.
It seems like you're aware of the following already but I'll mention these just in case. You can find an example of single series tooltip in our guide on HTML content for tooltips, "Adding interactive elements". And here's the CodePen demo it shows:
https://codepen.io/team/amcharts/pen/Wgmzga
If you can go without Chart Cursor, that opens up the doors for tooltips appearing based on the series you hover over.
Here's an example that starts with Chart Cursor and just a tooltip on one series, then if you click the button on the top right and wait a second, it'll kill the Chart Cursor, enable bullets with tooltipHTML set on them instead:
https://codepen.io/team/amcharts/pen/371ab4d22e7a9c7dffeca36a3c54fe6a
answered Nov 22 '18 at 8:41
notacouchnotacouch
1,99111024
Thanks , It was helpful me, I fixed it as: series.slices.template.events.on("over", function(ev) { series.tooltip.invalidate(); series.tooltip.html=showHtml(ev,series.name); }, this);
– Rahul.kmar
Nov 30 '18 at 13:42
add a comment |
I'm afraid that while the Chart Cursor (XYCursor) is enabled, there's no way to lock down onto only one series' tooltip while multiple series' tooltips are defined. Even if you define a tooltip on their bullets and give the bullets a new tooltip object (because by default they use their series' tooltip), Chart Cursor will still trigger the bullets' tooltips. I'll see if there is a way to opt-in/out of the force hover behavior of Chart Cursor, but at the moment it seems that is not the case.
If you need the Chart Cursor, what you can do is only assign tooltipHTML to just one series. Especially since it seems all of your tooltips are showing the exact same data.
It seems like you're aware of the following already but I'll mention these just in case. You can find an example of single series tooltip in our guide on HTML content for tooltips, "Adding interactive elements". And here's the CodePen demo it shows:
https://codepen.io/team/amcharts/pen/Wgmzga
If you can go without Chart Cursor, that opens up the doors for tooltips appearing based on the series you hover over.
Here's an example that starts with Chart Cursor and just a tooltip on one series, then if you click the button on the top right and wait a second, it'll kill the Chart Cursor, enable bullets with tooltipHTML set on them instead:
https://codepen.io/team/amcharts/pen/371ab4d22e7a9c7dffeca36a3c54fe6a
answered Nov 22 '18 at 8:41
notacouchnotacouch
1,99111024
I'm afraid that while the Chart Cursor (XYCursor) is enabled, there's no way to lock down onto only one series' tooltip while multiple series' tooltips are defined. Even if you define a tooltip on their bullets and give the bullets a new tooltip object (because by default they use their series' tooltip), Chart Cursor will still trigger the bullets' tooltips. I'll see if there is a way to opt-in/out of the force hover behavior of Chart Cursor, but at the moment it seems that is not the case.
If you need the Chart Cursor, what you can do is only assign tooltipHTML to just one series. Especially since it seems all of your tooltips are showing the exact same data.
It seems like you're aware of the following already but I'll mention these just in case. You can find an example of single series tooltip in our guide on HTML content for tooltips, "Adding interactive elements". And here's the CodePen demo it shows:
https://codepen.io/team/amcharts/pen/Wgmzga
If you can go without Chart Cursor, that opens up the doors for tooltips appearing based on the series you hover over.
Here's an example that starts with Chart Cursor and just a tooltip on one series, then if you click the button on the top right and wait a second, it'll kill the Chart Cursor, enable bullets with tooltipHTML set on them instead:
https://codepen.io/team/amcharts/pen/371ab4d22e7a9c7dffeca36a3c54fe6a
answered Nov 22 '18 at 8:41
notacouchnotacouch
1,99111024
answered Nov 22 '18 at 8:41
notacouchnotacouch
1,99111024
answered Nov 22 '18 at 8:41
notacouchnotacouch
1,99111024
answered Nov 22 '18 at 8:41
notacouchnotacouch
1,99111024
1,99111024
Thanks , It was helpful me, I fixed it as: series.slices.template.events.on("over", function(ev) { series.tooltip.invalidate(); series.tooltip.html=showHtml(ev,series.name); }, this);
– Rahul.kmar
Nov 30 '18 at 13:42
add a comment |
Thanks , It was helpful me, I fixed it as: series.slices.template.events.on("over", function(ev) { series.tooltip.invalidate(); series.tooltip.html=showHtml(ev,series.name); }, this);
– Rahul.kmar
Nov 30 '18 at 13:42
Thanks , It was helpful me, I fixed it as: series.slices.template.events.on("over", function(ev) { series.tooltip.invalidate(); series.tooltip.html=showHtml(ev,series.name); }, this);
– Rahul.kmar
Nov 30 '18 at 13:42
Thanks , It was helpful me, I fixed it as: series.slices.template.events.on("over", function(ev) { series.tooltip.invalidate(); series.tooltip.html=showHtml(ev,series.name); }, this);
– Rahul.kmar
Nov 30 '18 at 13:42
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53411930%2fam-chart-v4-tooltip-issue%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
