OnMouseover - 具有C3库的特定系列的隐藏工具提示

时间:2015-06-26 07:35:19

标签: tooltip c3

我有一个包含两条简单线条的LineChart,我必须能够隐藏特定系列的工具提示(渲染一条线不可选)。是否有可能通过提供一些api来实现它?

我正在努力发展我的特殊行为:

onmouseover: function (d, node){
                if (d.id=="Requested")
                {
                    __  what here?
                }
            }

1 个答案:

答案 0 :(得分:0)

我通过在内容生成器中添加if语句来解决。

tooltip: 
        {

            contents: function (d, defaultTitleFormat, defaultValueFormat, color) 
            {
                var $$ = this, config = $$.config, CLASS = $$.CLASS,
                titleFormat = config.tooltip_format_title || defaultTitleFormat,
                nameFormat = config.tooltip_format_name || function (name) { return name; },
                valueFormat = config.tooltip_format_value || defaultValueFormat,
                text, i, title, value, name, bgcolor;

            // You can access all of data like this:

                var count=0;
                for (i = 0; i < d.length; i++) 
                {

                    **if (d[i].id=="Requested")** {
                    if (! (d[i] && (d[i].value || d[i].value === 0))) { continue; }

                    // ADD



                    if (! text) 
                    {

                        var formats=d3.time.format('%Y%m%d');
                        var date= new Date(formats.parse(scene[d[i].index].date));

                        title = date.getDate()+"/"+date.getMonth()+1+"/"+date.getFullYear();
                        text = "<table class='" + CLASS.tooltip + "'>" + (title || title === 0 ? "<tr><th colspan='2'>" + title + "</th></tr>" : "");
                    }


                      }//if requested
                }