如何使用 C3.js 旋转将其右侧固定在 X 轴上的字符串

Question

var chart = c3.generate({
        bindto: '#chart',
        data: {
            x : 'x',
            columns: [
                ['x', 'AE009948','AL732656','CP000114'],
                ['Core', 30, 200, 250],
                ['Shared', 10, 100, 100],
                ['Exclusive', 70, 10 100]
            ],
            type: 'bar',
        },
        title: {
              text: 'random'
            },
        axis:{
            x:{
                type:'category',
                tick: {
                    rotate: 30,
                    multiline: false
                },
                height:100
            }
        },
        bar: {
            width: {
                ratio: 0.5 // this makes bar width 50% of length between ticks
            }
            // or
            //width: 100 // this makes bar width 
        }

tick {rotate: 30}顺时针旋转固定'AE009948'的字符串'A',
我想旋转固定字符串的末尾，即 'AE009948' 中的“8”。没有这方面的文档...http://c3js.org/reference.html#axis-rotated

Answer 1

只需使用负值进行旋转。

axis:{
    x:{
        tick: {
            rotate: -30

看到这个fiddle。

如何使用 C3.js 旋转将其右侧固定在 X 轴上的字符串

How to rotate a string fixing the right side of it on the X axis using C3.js

javascript

c3.js