c3条形图 - 客户希望数字在条形图上方

Question

我使用c3图表创建了一个条形图。

我的客户不喜欢它的表现方式。他不想在onmouseover上获得这张桌子。

他希望数字显示在条形图的顶部或底部（请参阅随附的屏幕截图）。

有可能吗？

或者有可能有像 Microsoft（5）

这样的传说

function draw_tech_chart(){ 
    var chart = c3.generate({
        bindto: "#tech_chart",
        data: {
            columns: [['Microsoft', 5],['WebApplicationDevelopment', 2],['OpenSource', 2],['Content Management ', 2],['Open Source Middleware', 1],],
            type : 'bar',
            onclick: function (d, i) { console.log("onclick", d, i); },
            onmouseover: function (d, i) { console.log("onmouseover", d, i); },
            onmouseout: function (d, i) { console.log("onmouseout", d, i); }
        },size: {
          height: 250
        }               
    });

Answer 1

使用labels选项（将其设置为true）。见http://c3js.org/samples/data_label.html

所以这样的事情应该

function draw_tech_chart(){ 
    var chart = c3.generate({
        bindto: "#tech_chart",
        data: {
            columns: [['Microsoft', 5],['WebApplicationDevelopment', 2],['OpenSource', 2],['Content Management ', 2],['Open Source Middleware', 1],],
            type : 'bar',
            labels: true
            ...