Javascript 如何将子标签添加到静态venn.js图表?

Javascript 如何将子标签添加到静态venn.js图表?,javascript,jquery,venn.js,Javascript,Jquery,Venn.js,我被告知GitHub上的脚本,它使用javascript在html页面上创建Venn图 我有一个基本的脚本,但我想在每个集合和交集中添加一个子标签,以显示其大小 function LoadVenn() { // size values are variables filled by an $.ajax() function. // this is called in the $.ajax() success block.

我被告知GitHub上的脚本,它使用javascript在html页面上创建Venn图

我有一个基本的脚本,但我想在每个集合和交集中添加一个子标签,以显示其大小

    function LoadVenn() {            
        // size values are variables filled by an $.ajax() function.
        // this is called in the $.ajax() success block.
        var sets = [
                    { sets: ['Less than Quarter'], size: ltq },
                    { sets: ['Quarter'], size: qtr },
                    { sets: ['Semester'], size: sem },
                    { sets: ['Year'], size: year },
                    { sets: ['Less than Quarter', 'Quarter'], size: ltqQtr },
                    { sets: ['Less than Quarter', 'Semester'], size: ltqSem },
                    { sets: ['Less than Quarter', 'Year'], size: ltqYear }
        ];

        // the chart is accurately created.
        var chart = venn.VennDiagram();
        d3.select("#venn").datum(sets).call(chart);

        // fill colors are good.
        d3.selectAll("#venn .venn-circle path").style("fill-opacity", 0.8);
        d3.selectAll("#venn text").style("fill", "white");

        // need to make label text larger
        // need to add sublabel showing set size
    }
我确实找到了一个子标签的例子,但这是一个无限循环的动画图表,我不想要


如何将子标签添加到静态和非动画图表?

基于动画子标签示例和以下示例代码:

变量集=[ {集合:[信息],大小:12}, {集合:[重叠],大小:12}, {集合:[圆],大小:12}, {集合:[信息,重叠],大小:4,标签:冗余} ]; var图表=venn.Venniagram wrapfalse先生 .fontSize16px .640 .身高640; 函数大小{ d3.选择此项。选择文本 .附录span .textfunctiond{return size+d.size;} .attrx,函数{return d3.selectthis.parentNode.attrx;} .attrdy,1.5em .stylefill,666 .样式字体大小,10px; } 函数更新项集{ var div=d3.selectvenn.datumsets; var布局=chartdiv, textcenters=layout.textcenters; div.selectAll.label.stylefill,白色; div.selectAll.venn-circle path.stylefill-opacity.6; div.selectAllg.transitionvenn.eachend,annotateSizes.duration0; 返回布局; } 更新事件集;
你能把你所有的东西都贴出来吗?为什么不使用示例中的代码呢?它只是一个由setInterval运行的无限循环;我刚刚建立了一个新的fiddle帐户,这样我就可以把它发布到那里。但是,我需要的外部资源没有URI,所以我现在必须弄清楚怎么做。使用你发布的示例中的URI,我尝试了你刚刚发布的链接,但即使是直接从venn.js站点复制的脚本,如simple.html,也没有响应。不确定。至于我为什么不在[sublabel]示例中使用代码,我实际上试图从中提取代码,只是为了添加sublabel文本。没有浏览器错误,但根本没有图表呈现。它对我来说运行正常啊哈!因此,这就是我在尝试用另一种方法附加文本标签时遗漏的一个关键点。。d3.selectthis.selecttext.appendtspan