D3 서수 규모 문제가있는 선형 차트

Question

D3의 서수 스케일 및 선 차트에 문제가 있습니다. 형식화 된 문자열로 배열 "레이블 []"을 얻었고이 문자열을 내 X 축에 "참조"합니다. 어떻게 이것을 쉽게 실현할 수 있습니까? 아래의 내 코드가 작동하지 않습니다 ... 내 데이터 - 도메인은 내 차트의 범위와 반대되는 레이블 배열의 모든 항목입니다. ... U 감사

0 "2013년 8월 15일 0시 15분" 1 "2013년 8월 15일 0시 반" 2 "2013년 8월 15일 0시 45분" 3 "2013년 8월 15일 01 : 00 " 4"2013년 8월 15일 1시 15분 " 5"2013년 8월 15일 1시 반 " 6"2013년 8월 15일 1시 45분 " 7"2013년 8월 15일 2시 "

xScale = d3.scale.ordinal() 
      .rangePoints([0, chartWidth], 0.5) 
      .domain(Labels.map(function (d, i) { 
         Labels[i]; 
        })) 

    xAxis = d3.svg.axis() 
      .scale(xScale) 
      .orient("bottom"); 

    var line = d3.svg.line() 
       .x(function (d, i) { 
        return xScale(Labels[i]) 
       }) 
       .y(function (d) { return yScale(d.Value) }) 
        .interpolate("linear"); 

Answer 1

게시 된 코드에서지도 함수가 값을 반환하지 않기 때문에 도메인이 올바르게 구성되지 않았습니다. 그러나 그것이 가치를 반환하고있다하더라도, 어쨌든 필요하지 않습니다. Labels 배열의 복사본을 그대로 반환하는 것입니다. 당신이 배열의 변환을 수행하지 않는 경우 다음 바로 직접에 전달합니다

xScale = d3.scale.ordinal() 
    .rangePoints([0, chartWidth], 0.5) 
    .domain(Labels);