如何將ID屬性設置爲使用C3.js創建的SVG元素？

Question

我正在探索C3.js，並一直在使用它來構建基本圖表。我已經根據C3網站提供的模板構建了一個簡單的條形圖，並根據該值對其進行了修改以顯示不同的顏色。

以下是JS代碼：

var chart = c3.generate({ 
data: { 
    columns: [ 
     ['data1', 30, 20, 50, 40, 60, 50], 
    ], 
    type: 'bar', 
    colors: { 
     data1: '#0000ff' 
    }, 
    color: function(color, d) { 
     return d.value < 25 ? '#ff0000' : color 
    } 
} 
}); 

的代碼運行正常，並如預期條形圖呈現。

當我檢查HTML時，我看到一個沒有ID屬性的SVG標籤（實質上是條形圖）。

想知道是否有任何方法來設置和訪問生成的SVG標籤的ID屬性。

提前致謝！

Answer 1

您可以使用c3.js oninit回調與d3.js attr功能：

var chart = c3.generate({ 
    oninit: function() { 
     this.svg.attr('id', 'your_id') 
    }, 
    ...