amChart v3:将标题移到值轴的底部

时间:2019-04-15 09:52:10

标签: javascript angularjs amcharts

我在Angular JS应用程序中使用的是旧版本的amCharts,但是在我的方法中,使用了以前下载的原始版本的def init_gui(self): # Set signals of widgets self.dockwidget.date_to.calendarWidget().clicked.connect(self.paint_cell) # !! the signal I'm looking for def paint_cell(self): #QDateEdit / QCalendarWidget Highlight Dates keyword_format = QTextCharFormat() keyword_format.setBackground(Qt.gray) for date in dates: self.dockwidget.date_from.calendarWidget().setDateTextFormat(QDate.fromString(date,"yyyy-MM-dd") ,keyword_format) 作为组件。

我需要将标题移动到每个值轴的底部,并使它们水平放置。我看到v3无法实现。而且css不能解决我的问题(但是在我的尝试中)。 这是生成每个轴(在使用中)的代码:

amCharts

我尝试通过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;
}

我认为我不能使用.amchart { .amcharts-axis-title{ transform: translate(20px, 40px) } } ,因为我可以拥有很多标题。 我该如何解决我的问题?

0 个答案:

没有答案