Question

我有一个文字标记$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>

Answer 1

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

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

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

在文本标记内添加div

1 个答案: