cubism.js에서 아래 대신 지평선 차트 위에 제목을 표시하려면 어떻게해야합니까?

Question

.alias를 사용하고 있지만 수평선 차트가 렌더링되면 차트의 오른쪽 하단에 Title : 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; 
}