Question

我试图在工具提示中显示圆环图。我认为它只是简单地添加函数名称或在.html（）中创建图表，但遗憾的是并非如此。谁能告诉我哪里出错？

这是我的代码：

        private List<string> CompareSQLString(string t1,string t2,string table)
    {

        List<string> res = new List<string>();

        t1 = t1.Replace("SELECT", "").Replace("FROM", "").Replace(table,"").Replace("  ", string.Empty);
        t2 = t2.Replace("SELECT", "").Replace("FROM", "").Replace(table, "").Replace("  ", string.Empty);

        List<string> res1 = new List<string>(t1.Split(','));
        List<string> res2 = new List<string>(t2.Split(','));


            foreach(string val in res1)
            {
                if(!res2.Contains(val))
                {
                    res.Add(val);
                }
            }


        return res;
    }

Answer 1

您的函数donutChart会将<svg>附加到正文，而不是工具提示中。

解决方案可以在.html()：

中写出来

.html("<h1>My Donut Chart</h1><br><svg class='myDonut'></svg>")

然后在该行之后致电donutChart，记住要更改var svg：

var svg = d3.select(".myDonut")

注意不要重复相同的变量名，即使它们在函数内（单独的范围）......它可能会导致不必要的混淆。

D3在工具提示中添加圆环图

1 个答案: