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：如何旋转条形图栏上方的标签？

回答

相关问题