我有一个文字标记$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>
答案 0 :(得分:2)
您可以使用d3.js向图表添加元素,例如在圆环图中标题的第二行:
d3.select(".c3-chart-arcs-title")
.append("tspan")
.attr("dy", 16)
.attr("x", 0)
.text("Second title");