Highcharts每个系列的Y轴

我想添加3个Y轴，因此每个数据系列都有一个Y轴。Highcharts每个系列的Y轴

这是我的JSON，这是有效的：

[{ “Name”： “数据1”， “数据”：[1361574000000,121201]，[1362006000000,122019]，[1363388400000,122788 ]，[1363820400000,123740]，[1364511600000,124703]，[1365112800000,125618]，[1365544800000,126553]，[1366063200000,127496]，[1366668000000,128500]，[1367272800000,129433]，[1368309600000,130277] [1368655200000,131267]，[1369346400000,132191]，[1369864800000,133143]]}，{ “名称”： “数据2”， “数据”：[[1361574000000,0]，[1362006000000,40.6]，[1363388400000,35.7 ]，[1363820400000,41.24]，[1364511600000,40.56]，[1365112800000,38.96]，[1365544800000,39.8]，[1366063200000,40.58]，[1366668000000,40.79]，[1367272800000,38.06]，[1368309600000,37.95] [1368655200000,41.31]，[1369346400000,40.16]，[1369864800000 ，38.79]]}，{ “名称”： “DATA3”， “数据”：[[1361574000000,0]，[1362006000000,1.46]，[1363388400000,1.42]，[1363820400000,1.42]，[1364511600000,1.37] [1365112800000,1.41]，[1365544800000,1.41]，[1366063200000,1.35]，[1366668000000,1.45]，[1367272800000,1.36]，[1368309600000,1.36]，[1368655200000,1.36]，[1369346400000,1.37]，[1369864800000 ，1.359]]}，{ “名称”： “DATA4”， “数据”：[[1361574000000,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代码

$(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', 
       data: data1, 
     yAxis: 1, 
       } 
      }, { 
       type: 'line', 
       name: 'data2', 
       yAxis: 2, 
       data: data2 
      }, { 
       type: 'line', 
       name: 'data3', 
       yAxis: 3, 
       data: data3 
     }, { 
       type: 'line', 
       name: 'data4', 
       yAxis: 4, 
       data: data4 
      }] 
    }); 
    }); 
});

但是，只要添加多个Y轴，图表就不会加载。我究竟做错了什么？

来源

2013-06-06 Caesius

yAxis从0开始，而不是1，因此您试图将最后一个系列设置为不存在的系列。

  [{ 

      ... 

      } ,{ 
      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'，函数（数据）{...}' –

最后，它的工作原理吧！谢谢！！

工作代码（使用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

Highcharts每个系列的Y轴

回答

相关问题