nvd3 multibarchart xAxis는 키순으로 정렬됩니다.

Question

xAxis에서 날짜별로 막대를 정렬 할 수있는 NVD3 멀티 바둑판 식을 설정할 수 없습니다. 입력 데이터를 멀티 바둑판 식으로 표시하기 전에 키별로 그룹화해야한다는 것을 알고 있습니다.

가 여기에 jsfiddle 무슨 말인지 설명 : http://jsfiddle.net/fontanon/z4aZ4/54/

당신이 데이터 변수에서 볼 수 있듯이, 나는 바 (키 1, 키 2 및 KEY3)의 세 그룹을 추가했습니다. 각 그룹에는 x 값이 오름차순으로 정렬되어 있습니다. key2의 첫 번째 막대가 첫 x 째 막대 (최소 x 값을 가짐)이고, key1의 첫 x 째 막대 다음에 key2의 두 x 째 막대가 있어야합니다. 그러나 막대가 표시되는 f 식은 아닙니다.

정확히 무엇이 일어나고 있습니까? 데이터 아래.

var data = [ 
    { 
     "key": "Key1", 
     "values": [ 
      { 
       "x": 2393337532000, 
       "y": 1401431 
      }, 
      { 
       "x": 4394337660000, 
       "y": 26188 
      }, 
      { 
       "x": 7395510769000, 
       "y": 865575 
      }, 
     ] 
    }, 
    { 
     "key": "Key2", 
     "values": [ 
      { 
       "x": 1396337532000, 
       "y": 1401431 
      }, 
      { 
       "x": 3397337660000, 
       "y": 26188 
      }, 
      { 
       "x": 6398510769000, 
       "y": 865575 
      } 
     ] 
    }, 
    { 
     "key": "Key3", 
     "values": [ 
      { 
       "x": 5399337532000, 
       "y": 1401431 
      }, 
      { 
       "x": 8400337660000, 
       "y": 26188 
      }, 
      { 
       "x": 9401510769000, 
       "y": 865575 
      } 
     ] 
    } 
] 

Answer 1

귀하의 데이터는 어떻게 실제 설명에 대한이

var data = [ 
    { 
     "key": "Key1", 
     "values": [ 
      { 
       "x": 7393337532000, 
       "y": 1401431 
      }, 
      { 
       "x": 8394337660000, 
       "y": 26188 
      }, 
      { 
       "x": 3398510769000, 
       "y": 865575 
      } 
     ] 
    }, 
    { 
     "key": "Key2", 
     "values": [ 
      { 
       "x": 7393337532000, 
       "y": 1401431 
      }, 
      { 
       "x": 8394337660000, 
       "y": 26188 
      }, 
      { 
       "x": 3398510769000, 
       "y": 865575 
      } 
     ] 
    }, 
    { 
     "key": "Key3", 
     "values": [ 
      { 
       "x": 7393337532000, 
       "y": 1401431 
      }, 
      { 
       "x": 8394337660000, 
       "y": 26188 
      }, 
      { 
       "x": 3398510769000, 
       "y": 865575 
      } 
     ] 
    } 
]