Highcharts 高轴不可缩放

Highcharts 高轴不可缩放,highcharts,Highcharts,我可以看到2个y轴,但如何缩放第二个y轴?我必须把代码放在哪里?我使用json.php从数据库中获取数据,我不包括它,因为我确信我得到了结果……正如我所说,我可以看到行 function InitHighChart() { $("#chart").html("Wait, Loading graph..."); var options = { chart: { renderTo: 'chart', borderColor: '#a1a1a1',

我可以看到2个y轴,但如何缩放第二个y轴?我必须把代码放在哪里?我使用json.php从数据库中获取数据,我不包括它,因为我确信我得到了结果……正如我所说,我可以看到行

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);          
    },
});

}
函数InitHighChart()
{
$(“#图表”).html(“等待,加载图形…”);
变量选项={
图表:{
renderTo:'图表',
边框颜色:“#a1a1”,
边界宽度:2,
边界半径:13,
对:错,,
身高:550
},
学分:{
已启用:false
},
标题:{
正文:“Ενεργςςσχς/άση”,
x:-20
},
xAxis:{
类别:[{}],
标签:{
步骤:15,
轮换:-75
}
},
yAxis:[{//主yAxis
标签:{
格式:“{value}MWatt”,
},
标题:{
正文:“Ενεργς∑χς”,
}
},{//次雅克西
标题:{
文本:“άση”,
},
标签:{
格式:“{value}V”,
},
相反:对
}],
工具提示:{
格式化程序:函数(){
var s=''+此.x+'';
$.each(this.points,function(i,point){
s+='
'+point.series.name+':'+point.y; }); 返回s; }, 分享:真的 }, 系列:[{},{}] }; $.ajax({ url:“json.php”, 数据:“显示=印象”, 类型:'post', 数据类型:“json”, 成功:功能(数据){ options.xAxis.categories=data.datetime; options.series[0]。名称='…'; options.series[0]。data=data.ActiveData; options.series[1]。名称='…';
options.series[1]。数据=数据。电压数据; var图表=新的Highcharts.图表(选项); }, }); }
您是否为第二个y轴分配了任何序列?这可能就是问题所在

API:

jsFiddle:

您应该在代码中添加行

$.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);          
    },
});

按比例,您的意思是设置不同的刻度?第二个链接…我的意思是..yaxis1根据yaxis1数据进行缩放,yaxis2根据yaxis2数据进行缩放。我只在左侧得到一个yaxis..我看不到右侧的一个..Thnxoptions.series[1]。data=data.VoltageData;做这个。我从查询数据库中获取数据……是否有其他方法可以使用u编写的代码格式推送数据?我是海图新手…看了一些例子,我所做的方式显示了两条线,但不是第二条yaxis…非常感谢
$.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);          
    },
});