하이 시리즈 Y 축 세리당

3 개의 Y 축을 추가하려고하므로 모든 데이터 세리에 대해 1 개의 Y 축을 갖습니다.하이 시리즈 Y 축 세리당

[{ "이름": "DATA1", "데이터": [[1361574000000121201], [1362006000000122019], [1363388400000,122788

이
은 유효 내 JSON이다 ], [136382040000], [1364511600000,124703], [1365112800000,125618], [1365544800000,126553], [1366063200000,127496], [1366668000000128500], [1367272800000,129433], [1368309600000130277] [1368655200000,131267], [1369346400000,132191], [1369864800000,133143]}, { "name": "data2", "data": [1361574000000,0], [136200600000040.6], [1363388400000,35.7 ], [1363820400000,41.24], [1364511600000,40.56], [1365112800000,38.96], [1365544800000,39.8], [136606320000040.58], [1366668000000,40.79], [1367272800000,38.06], [1368309600000,37.95] [1368655200000,41.31], [1369346400000,40.16], [1369864800000 , [136156000000, 1, 466], [1363388400000, 1.42], [1363820400000, 1.42], [1364511600000,1.37], [13651128000001.41], [13655448000001.41], [1366063200000,1.35], [1366668000000.1.45], [1367272800000.1.36], [1368309600000.1.36], [1368655200000,1.36], [1369346400000,1.37], [1369864800000 , [1.359]]}, { "name": "data4", "data": [13615600000000,0], [1362006000000,59.276], [1363388400000,50.694], [1363820400000,58.5608], [1364511600000,55.5672] [1365112800000,54.9336], [1365544800000,56.118], [1366063200000,54.783], [1366668000000,59.1455], [1367272800000,51.7616], [1368309600000,51.612], [1368655200000,56.1816], [1369346400000,55.0192], [1369864800000 , 52.71561]}]

JS 코드

그러나 여러 Y 축을 추가하자마자 차트가로드되지 않습니다. 내가 도대체 뭘 잘못하고있는 겁니까?

출처

2013-06-06 Caesius

y 축이없는 1, 0으로 시작, 그래서 당신이 아닌 기존 시리즈 마지막 시리즈를 설정하기 위해 노력하고 있습니다.

  [{ 

      ... 

      } ,{ 
      type: 'line', 
      name: 'data4', 
      yAxis: 4, // max is 3 
      data: data4 
     }]

두 번째 문제는 (시리즈 이름으로 착각) 적절한 형식으로 옵션을 변경하는 것입니다 : 그것은 결국 지금 작동

  [{ 

      ... 

      } ,{ 
      type: 'line', 
      name: 'data4', 
      yAxis: 3, 
      data: data[3].data // 
     }]

출처

2013-06-06 12:33:00

. 불행히도 여전히 작동하지 않습니다. 다른 팁? – Caesius

'data1' /'data2' /'data3' /'data4'에서'data.data1' /'data.data2' /'data.data3' /'data.data4'로 변경하거나 줄의 json 변수가 무엇이든간에 '$ .getJSON ('testdata.php', function (data) {...}' –

! 고맙습니다!! (이미 위에서 언급 한 JSON과 결합)

근무 코드 : 나는 당신이 언급 한 변경 한

<!DOCTYPE HTML> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <title>Highcharts Example</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script src="http://code.highcharts.com/stock/highstock.js"></script> 
    <script src="http://code.highcharts.com/stock/modules/exporting.js"></script> 
    <script type="text/javascript"> 
$(function() { 

    $.getJSON('testdata.php', function(data) { 
     // Create the chart 
     $('#container').highcharts('StockChart', { 


      title : { 
       text : 'Temperature' 
      }, 

      yAxis: [{ 
       title: { 
        text: 'A' 
       } 
      }, { 
       title: { 
        text: 'B' 
       } 
      }, { 
       title: { 
        text: 'C' 
       } 
      }, { 
       title: { 
        text: 'D' 
       } 
      }], 

      series: [{ 
       type: 'line', 
       name: 'data1', 
       yAxis: 0, 
       data: data[0].data, 
      }, { 
       type: 'line', 
       name: 'data2', 
       yAxis: 1, 
       data: data[1].data 
      }, { 
       type: 'line', 
       name: 'data3', 
       yAxis: 2, 
       data: data[2].data 
      }, { 
       type: 'line', 
       name: 'data4', 
       yAxis: 3, 
       data: data[3].data 
      }] 
    }); 
    }); 
}); 
     </script> 
    </head> 
    <body> 
    <div id="container" style="height: 500px; min-width: 500px"></div> 
    </body> 
</html>

출처

2013-06-17 15:24:29 Caesius

하이 시리즈 Y 축 세리당

답변

관련 문제