Question

我正在努力解决这个问题，我有一张温度和湿度的Highcharts图表。它有两个y轴，一个用于温度，一个用于湿度。我已经指定湿度应该转到y轴id 1，但它没有。它将该线放入，但是它被绘制成了＃39;温度轴值。

请参阅此jsfiddle

    $(function () {
    $('#container').highcharts({
        chart: {
            zoomType: 'x',
            type: 'spline'
        },
        title: {
            text: 'Temperatures - Vdrivhus'
        },
        subtitle: {
            text: 'last hour'
        },
        xAxis: {
            type: 'datetime',
            // dateTimeLabelFormats.setOption("minute", "%H:%M");
            dateTimeLabelFormats: { // don't display the dummy year
                day: '%e %b',
                week: '%e %b %y',
                month: '%b %y',
                year: '%Y'
            }
        },
        yAxis: [{ // Primary yAxis
            labels: {
                format: '{value}°C',
                style: {
                    color: '#89A54E'
                }
            },
            title: {
                text: 'Temperature',
                style: {
                    color: '#89A54E'
                }
            }
        }, { // Secondary yAxis
            title: {
                text: 'Humidity',
                style: {
                    color: '#4572A7'
                }
            },
            labels: {
                format: '{value} %',
                style: {
                    color: '#4572A7'
                }
            },
            min: 50,
            max: 100,
            opposite: true
        }],
        tooltip: {
            shared: true
        },

        series: [{
            name: 'Temperature',
            // Define the data points.
            marker: {
                enabled: false
            },
            yaxis: 0,
            tooltip: {
                valueSuffix: '°C'
            },
            data: [
                [1387521917000, 5],
                [1387522299000, 5.2],
                [1387522531000, 5.1],
                [1387522809000, 5.1],
                [1387523536000, 4.8],
                [1387523745000, 4.7],
                [1387524008000, 4.7],
                [1387524303000, 4.8],
                [1387524667000, 4.9],
                [1387524904000, 4.9],
                [1387525245000, 5]
            ]
        }, {
            name: 'Humidity',
            marker: {
                enabled: false
            },
            yaxis: 1,
            tooltip: {
                valueSuffix: '%'
            },
            data: [
                [1387521917000, 74.4],
                [1387522299000, 73.6],
                [1387522531000, 74],
                [1387522809000, 74],
                [1387523536000, 82.5],
                [1387523745000, 82.4],
                [1387524008000, 78.7],
                [1387524303000, 75.9],
                [1387524667000, 74.6],
                [1387524904000, 74.5],
                [1387525245000, 74.2]
            ]
        }, ]
    });
});
//]]>

任何人都可以帮我解决这个问题吗？

Answer 1

非常简单，yaxis选项应为yAxis，因为JS区分大小写。

我认为就是这样：jsFiddle

错误的y轴上的Highchart数据系列

1 个答案: