在文本标记内添加div

时间:2018-02-15 06:40:51

标签: javascript jquery d3.js c3.js

我有一个文字标记$handlerdiv.find(".c3-chart-arcs-title").append("<div style='background:green;'>"+skbl+"</div>");,它来自c3圆环图标题。我想更改该文本标记的内容。所以我试着这样:

var chart = c3.generate({ bindto : bindto, data : { columns : [], type : 'donut', colors : colors, order : order }, donut : { title : title, label : { show : label }, width : width, }, });

但它不起作用,因为无法附加到文本标记。

我想要的是在图表圈内显示圆环图标题,这个标题内容应该分为两行。

图表以这种方式生成:

<script type="text/javascript">
    require(['jquery', 'jquery/ui'], function($){
        jQuery(document).on('keyup', '#shipping-new-address-form input[name="vat_id"]', function(e) {
                        alert("test");
        });
    });
</script>

1 个答案:

答案 0 :(得分:2)

您可以使用d3.js向图表添加元素,例如在圆环图中标题的第二行:

d3.select(".c3-chart-arcs-title")
  .append("tspan")
  .attr("dy", 16)
  .attr("x", 0)
  .text("Second title");

这是一个小提琴:https://jsfiddle.net/beaver71/20s6sw4L/