Welcome to MLink Developer Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
468 views
in Technique[技术] by (71.8m points)

amcharts4 - Only show active series in a grouped tooltip (amcharts)

I'm trying to do a tooltip similar to this:

https://codepen.io/team/amcharts/pen/dyyaxLr

But when a series is disabled via the legend (i.e. "cars"), I also want to remove the value in the tooltip.

I guess there should be a way to format the series.tooltipText with an adapter like this:

series.adapter.add("tooltipText", function (text, target) {
   // generate text dynamically
   // ...
          
   return text;
});

But I can't figure out how to get only the data for the visible series and format the string accordingly.

Is something like this possible?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

I found the following solution:

series.adapter.add("tooltipText", function (ev) {
     var text = "[bold]{dateX}[/]
";
     x.series.each(function (item) {
       if (!item.isHidden)
         text +=
           "[" +
           item.stroke.hex +
           "]●[/] " +
           item.name +
           ": {" +
           item.dataFields.valueY +
           "}
";
     });
    return text;
});

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to MLink Developer Q&A Community for programmer and developer-Open, Learning and Share

1.2m questions

2.1m answers

5 comments

56.5k users

...