2014-12-05 52 views
0

我可以看到2个坐标轴,但是我怎样才能缩放第二个坐标轴?我必须把代码放在哪里?我从使用json.php数据库中的数据,我不包括因为我相信我得到的结果......正如我所说的,我可以看到线........Highcharts 2nd yaxis not scaling

function InitHighChart() 
{ 
$("#chart").html("Wait, Loading graph..."); 

var options = { 
    chart: { 
     renderTo: 'chart', 
     borderColor: '#a1a1a1', 
     borderWidth: 2, 
     borderRadius: 13, 
     alignTicks: false, 
     height: 550 
    }, 
    credits: { 
     enabled: false 
    }, 
    title: { 
     text: 'Ενεργός Ισχύς/Τάση', 
     x: -20 
    }, 
    xAxis: { 
     categories: [{}], 
     labels: { 
      step: 15, 
      rotation: -75 
     } 
    }, 

    yAxis: [{ // Primary yAxis 
     labels: { 
      format: '{value} MWatt', 


     }, 
     title: { 
      text: 'Ενεργός Ισχύς', 

     } 

    }, { // Secondary yAxis 
     title: { 
      text: 'Τάση', 

     }, 
     labels: { 
      format: '{value} V', 

     }, 
     opposite: true 
    }], 


    tooltip: { 
     formatter: function() { 
      var s = '<b>'+ this.x +'</b>'; 

      $.each(this.points, function(i, point) { 
       s += '<br/>'+point.series.name+': '+point.y; 
      }); 

      return s; 
     }, 
     shared: true 
    }, 
    series: [{},{}] 
}; 

$.ajax({ 
    url: "json.php", 
    data: 'show=impression', 
    type:'post', 
    dataType: "json", 
    success: function(data){ 

     options.xAxis.categories = data.datetime; 
     options.series[0].name = '...'; 
     options.series[0].data = data.ActiveData; 
     options.series[1].name = '...'; 
     options.series[1].data = data.VoltageData; 

     var chart = new Highcharts.Chart(options);   
    }, 
}); 

} 
+0

通过规模加线,你的意思是设置不同的[tickInterval(HTTP:// api.highcharts.com/highcharts#yAxis.tickInterval)还是不[aligning](http://api.highcharts.com/highcharts#chart.alignTicks)蜱? – 2014-12-05 11:35:17

+0

第二个链接...我的意思是..yaxis1根据yaxis1数据和yaxis2根据yaxis2 data.i只得到一个yaxis在左侧..我看不到正确的一个..Thnx – user2761225 2014-12-05 11:41:15

回答

1

已分配第二个y轴的任何系列?这可能是问题所在。

API:http://api.highcharts.com/highcharts#series.yAxis

series: [{ 
     data: [1, 2, 3, 4, 5, 3, 5] 
    }, { 
     data: [3, 3, 5, 4, 6, 6, 3, 3, 4, 6], 
     yAxis: 1 
}] 

的jsfiddle:http://jsfiddle.net/boog4dpe/

在你的代码,你应该在

$.ajax({ 
    url: "json.php", 
    data: 'show=impression', 
    type:'post', 
    dataType: "json", 
    success: function(data){ 

     options.xAxis.categories = data.datetime; 
     options.series[0].name = '...'; 
     options.series[0].data = data.ActiveData; 
     options.series[1].name = '...'; 
     options.series[1].data = data.VoltageData; 

     options.series[1].yAxis = 1; //added line 

     var chart = new Highcharts.Chart(options);   
    }, 
}); 
+0

options.series [ 1] .data = data.VoltageData;使这个。我从查询数据库中获取数据......是否有其他方式使用代码格式来推送数据?我是新来的highcharts ...看了一些例子,我做的方式显示了两条线,但不是第二yaxis ..非常感谢你 – user2761225 2014-12-05 14:58:09

+0

答案现在已修复 – 2014-12-05 15:00:18

+0

是的!!!很简单... grrrrrrr ..十分感谢!!!!周末愉快 – user2761225 2014-12-05 15:04:18