c3js 刻度宽度多行 = false 不起作用

Question

我试图在单行中制作左勾号（如 cssnorwap），但正如官方文档所示，

multiline: false

不起作用。

var graph = c3.generate({
    bindto: "#chart",
    data: {
        columns: [
            ["name1","5.00","3.00"],
            ["name2","3","2"]
        ],
        type : 'bar',
        colors : {
      "name1": "#00ff00",
      "name2": "#0000ff"
    },
    },
    bar: {
        width: 10
    },
    axis: {
        x: {
            type: 'category',
            categories: [
        "test looooooong string no multiline",
        "string 2"
      ]
    },
        rotated: true,
        tick: {
            multiline: false
    },
    },
    transition: {
        duration: 1000
    },
    padding: {
        bottom: 20
    },
    title: {
        text: 'titolo'
    }
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div id="chart"></div>

Answer 1

它没有在声明的地方拾取它。您需要将刻度>多行声明移动到轴内>x声明

axis: {
    x: {
        tick: {
            multiline: false
        },
        type: 'category',
        categories: [
        "test looooooong string no multiline",
        "string 2"
      ]
    },
    rotated: true,
}
    etc...