如何在 cubism.js 中使标题显示在地平线图上方而不是下方？

Question

我正在使用 .alias，但是当渲染水平线图时，它会在图表的右下方显示标题：Chart Foo。如何让标题显示在图表上方？

        // Create metrics
        var metrics = [
          graphite.metric("foo.bar").alias("Chart " + "Foo"),
          graphite.metric("baz.qux").alias("Chart " + "Baz")
        ];

        d3.select(".span9").call(function(div) {
          div.select(".new").call(context.axis().orient("top"));
          div.select(".new").selectAll(".horizon")
           .data(metrics)
           .enter().append("div")
           .attr("class", "charts")
           .call(context.horizon().height(100));
        });

Answer 1

您想修改 .horizon .title 的 css。

例如

.horizon .title {
    bottom: 90;
    margin: 0px 6px;
}