c3.js：如何旋轉條形圖欄上方的標籤？

http://i.imgur.com/bbFBotv.png c3.js：如何旋轉條形圖欄上方的標籤？

如何旋轉這些值？（打開上面的鏈接）我使用c3.js最新版本。謝謝你的幫助。 簡單的例子：

var chart = c3.generate({ 
    data: { 
     columns: [ 
      ['Value', 30, 200, 100, 400, 150, 250], 
     ], 
     type: 'bar', 
     labels: true 
    }, 
});

來源

2017-05-16 Sallazar

歡迎來到[so]！在這個網站，你應該嘗試**自己編寫代碼**。後** [做更多的研究]（//meta.stackoverflow.com/questions/261592)**如果你有問題，你可以**發佈你已經嘗試**與清楚的解釋是什麼是'工作**並提供[** Minimal，Complete和Verifiable示例**]（// stackoverflow.com/help/mcve）。我建議閱讀[問]一個好問題和[完美問題]（http://codeblog.jonskeet.uk/2010/08/29/writing-the-perfect-question/）。另外，一定要參加[遊覽]並閱讀[this]（// meta.stackoverflow.com/questions/347937/)**。 – Badacadabra

我的問題是直接和說明性的，但感謝評論。 – Sallazar

http://c3js.org/samples/axes_x_tick_rotate.html – Shiladitya

有這個沒有C3設置像有軸標籤，但你可以使用onrendered回調中一些D3代碼旋轉它們：

onrendered: function() { 
    d3.selectAll(".c3-chart-texts text.c3-text") 
     .attr("transform", function(d) { 
      var textSel = d3.select(this); 
      return "rotate(90, "+textSel.attr("x")+", "+(textSel.attr("y"))+")"; 
     }) 
     .style("text-anchor", function(d) { 
      return (d.value && d.value > 0) ? "end" : "centre"; 
     }) 
    ; 
}

http://jsfiddle.net/cfjm0gLh/1/

來源

2017-05-17 20:03:36 mgraham

這就是我需要的，謝謝你的幫助:) – Sallazar

c3.js：如何旋轉條形圖欄上方的標籤？

回答

相關問題