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

Categories

0 votes
482 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 Reply

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;
});

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...