amChart v3: переместить заголовок вниз для осей значений - PullRequest
Новая
       14

amChart v3: переместить заголовок вниз для осей значений

0 голосов
/ 15 апреля 2019

Я использую и старую версию amCharts в приложении Angular JS, но в моем подходе используется сырая версия amCharts, загруженная ранее как компонент.

И мне нужно переместить мои заголовки в нижнюю часть каждой оси значений и сделать их горизонтально. Я видел, что v3 не может сделать это. И CSS не решает мою проблему (в моей попытке, однако). Вот код, который генерирует каждую ось (в обслуживании): 

var diagramOptions = [];

// fetching data from backend
// creating initial params for diagram options

// after fetch update options
function updateOptionsForAxis(props) {
    _.each(props, function (item, index) {
        var axis = createAxis(item, index);
        diagramOptions.valueAxes.push(axis);
    });
}

function createAxis(item, index) {
    var axis = {
        id: index,
        title: item.text,
        titleBold: false,
        titleColor: item.color.fill,
        axisColor: item.color.fill,
        color: '#707c87',
        offset: 80 * index
    };
    return axis;
}

И я попытался сделать это с помощью css, но после добавления стиля ниже все мои названия накладывались друг на друга и пришли к одному пункту. 

.amchart {
    .amcharts-axis-title{
        transform: translate(20px, 40px)
    }
}

Я думаю, что не могу использовать nth-child(n), потому что у меня может быть много названий. Как я могу решить мою проблему?

...