首页 > 解决方案 > 如何在 c3.js 中将 x 轴标签向左或负旋转?

问题描述

如何使用 c3js.org 将 x 轴标签向左或负旋转? 此示例提供以下代码:

axis: {
    x: {
        type: 'category',
        tick: {
            rotate: 75,
            multiline: false
        },
        height: 130
    }
}

但是,如果我尝试“旋转:-65 ”,而不是像这个 d3js.org 示例那样,x 轴标签将从图中消失。我正在使用“类型:'timeseries'”,但我认为这没有什么不同。

标签: javascriptd3.jsc3.js

解决方案


应该在发布之前尝试过这个,但我想我会分享......这很有效:

axis: {
    x: {
        type: 'category',
        tick: {
            rotate: -20,
            multiline: false
        },
        height: 35
    }
}

它是旋转和高度 (doh) 的组合。


推荐阅读