저는 Graphite에서 메트릭을로드하지만, 수평선 차트에 렌더링 될 때 그래프의 왼쪽에 스쳐지나 그래프 공간의 전체 너비를 차지하지 않습니다. 여기에 내가 무엇을 의미하는지 보여주는 스크린 샷입니다 : 데이터가 내가 요구 한 3 시간의 창에서 즉왜 이러한 입체파 지평선 차트가 왼쪽으로 스윕 되었습니까?
합니다. 다음은 맨 위의 수평선 차트 흑연 출력의 일부입니다 :
,1347632400,1347643200,60|892.0,526.0,371.0,1475.0,1234.0 [...] 1250.0,1604.0,1146.0,965.0
그것은 이미지에서 말해 힘든, 그러나 그 값이 그려지는 것과 줄 않습니다. 단지 그들이 모든 공간을 차지하지 않고 있다는 것입니다.
차트는 CSS 속성에 대해 position: relative
및 width: 1080px;
만있는 간단한 <div id="#graphs">
으로 그려져 있습니다. 여기 입체파 자바 스크립트의 다음 CSS의
var context = cubism.context()
.step(1e4)
.size(1080); // 3 hours
var graphite = context.graphite("http://graphite.example.com");
var horizon = context.horizon().metric(graphite.metric).height(100);
var metrics = [
"prod.counts.total_stats",
"stage.counts.total_stats",
"dev.counts.total_stats"
]
d3.select("#graphs").append("div")
.attr("class", "axis")
.call(context.axis().ticks(12).orient("top"));
d3.select("#graphs").append("div")
.attr("class", "rule")
.call(context.rule());
d3.select("#graphs").selectAll(".horizon")
.data(metrics)
.enter().append("div")
.attr("class", "horizon")
.call(horizon);
나머지는 거의 stocks demo에서 복사본을 붙여 넣은 것입니다. 간결함의 의미에서 나는 그것을 포함하지 않을 것이지만 그것이 필요할 경우 할 수 있습니다.
예,이게 전부였습니다! 최근 우리가 흑연 레이아웃을 바꿀 때 우리는 새로운 키 공간에 대한 storage-schemas.conf를 조정하는 것을 잊어 버렸습니다. 고마워. –