在 c3js 中更改圆环图的标签

Question

我已经在启动时使用了设置标签并开始工作，这里是工作代码：

var chartDonut1 = c3.generate({
    data: {
        columns: [
            ['data1', 30],
            ['data2', 120],
        ],
        type : 'donut'
    },
    donut: {
        title: "title"
    }
});

但是，我想根据搜索更改甜甜圈上的标签，为此我需要使用 load 函数。

编辑：这是圆环图的示例，标题为：LINK

标签如何 change/set 加载？

我试过像下面的代码那样设置，但我无法让它工作：

chartDonut1.load({
    json: dataJsonGraph,
    donut: {
        title: 'title1', 
    },
    bindto: '#chartDonut1'                              
});

任何建议都会很棒！

Answer 1

我认为 bindto: '#chartDonut1' 应该在 generate 函数中声明。

您似乎无法在加载函数中动态更改图形的标题（在 c3js 文档中，未提及它）。

您需要 select 使用 d3 实例的图表，然后更改标题。示例：

var label = d3.select('#chart2 text.c3-chart-arcs-title');
label.html(''); // remove existant text 
label.insert('tspan').text('30').attr('dy', 0).attr('x', 0).attr('class','big-font');
label.insert('tspan').text('Test Data').attr('dy', 20).attr('x', 0);

更改它的一种方法是编辑 html 的代码：http://plnkr.co/edit/ew5dDA1R3biXnMp80LDd?p=preview

在 c3js 中更改圆环图的标签

Change label of donut chart in c3js

javascript

jquery

c3.js