xAxis를 muti 값으로 사용하여 dhtmlxchart 선 시리즈 생성

Question

다양한 지속 시간 데이터에서 드릴 깊이의 dhtmlxchart를 사용하여 차트를 만들려고합니다. 그러나 깊이는 yAxis이고 다중 시리즈 지속 시간 데이터는 xAxis입니다.

어떻게 수행하나요?

 var chart1 = cBox.attachChart({ 
     view :"line", 
     container: "chart_div", 
     value: "#Depth#", 
     line: { 
        color: "#3399ff", 
        width: 3 
       }, 
     xAxis: { 
        title: "Duration, days", 
        template: "#Avg#" 
       }, 
     yAxis: { 
        start: 0, 
        end: 5000, 
        step: 250, 
        title: "Depth, m" 
        } 
    }); 

    chart1.addSeries({ 
     value : "#Depth#", 
     line: { 
       color : "#99ff33", 
       width : 3 
      }, 
     xAxis: { 
        template: "#P90#" 
       }, 
       }); 

    chart1.parse(hdrChart); 

및 hdrChart의 값 :

"<data>  
    <item id="1"> <Avg>0.899</Avg> <P90>3.887</P90><Depth>135</Depth> </item> 
<item id="2"> <Avg>3.981</Avg> <P90>15.845</P90> <Depth>1550.0</Depth></item> 
    <item id="3"><Avg>5.563</Avg> <P90>22.219</P90> <Depth>1550.0</Depth> </item> 
<item id="4"> <Avg>9.364</Avg><P90>44.849</P90> <Depth>4059.0</Depth> </item> 
<item id="5"> <Avg>9.023</Avg><P90>43.939</P90> <Depth>4059.0</Depth> </item> 
<item id="6"> <Avg>10.919</Avg><P90>54.814</P90> <Depth>4059.0</Depth> </item> 
<item id="7"> <Avg>14.803</Avg><P90>76.578</P90> <Depth>4473.0</Depth> </item> 
<item id="8"> <Avg>15.691</Avg><P90>79.939</P90> <Depth>4473.0</Depth> </item> 
<item id="9"> <Avg>17.235</Avg><P90>86.544</P90> <Depth>4473.0</Depth> </item> 
<item id="10"> <Avg>18.264</Avg><P90>88.872</P90> <Depth>4473.0</Depth> </item> </data>" 

오직 P90 그려.

Answer 1

불행히도 한 차트에 다른 비율을 사용할 가능성은 없습니다. 그리고 그것은 당신이 시리즈를 필요로하지 않는 것 같습니다. 심도를 값으로 표시하는 하나의 선 차트를 그릴 수 있습니다. xAxis 레이블에 평균 및 P90을 표시 할 수 있습니다.

var chart1 = cBox.attachChart({ 
    view :"line", 
    container: "chart_div", 
    value: "#Depth#", 
    line: { 
     color: "#3399ff", 
     width: 3 
    }, 
    xAxis: { 
     title: "Duration, days", 
     template: "#Avg#<br/>#P90#" 
    }, 
    yAxis: { 
     start: 0, 
     end: 5000, 
     step: 250, 
     title: "Depth, m" 
    } 
}); 
chart1.parse(hdrChart);