高图不显示具有多个y轴的图形的序列数据

Highcharts not displaying series data for graph with multiple Y-axes

本文关键字:图形 数据 显示 高图不      更新时间:2023-09-26

我试图显示2个数据系列的图形。系列1是折线图,系列2是列图。2个y轴,每一个都有不同的比例。从HighCharts网站上的例子来看,这应该是非常简单的,他们所拥有的例子正是我所寻找的。然而,当我去编码它时,第二个系列的系列数据没有显示在图上。

看这里:http://jsfiddle.net/QgHHZ/2/

$(function () {
    var Data = [{
        "name": "Series1",
        "type": "line",
        "data": [40000, 60000, 54000, 58000, 66000]
    }, {
        "name": "Series2",
        "type": "column",
        "yaxis": "1",
        "data": [22300, 44, 22, 12456, 888]
    }]
    var Options = {
        chart: {
            renderTo: "container",
            zoomType: "x"
        },
        plotOptions: {
            line: {
                marker: {
                    enabled: false
                },
                animation: true
            },
            column: {
                animation: false
            }
        },
        title: {
            text: "Test"
        },
        legend: {
            enabled: true,
            layout: "vertical",
            align: 'right',
            verticalAlign: 'middle'
        },
        tooltip: {
            enabled: true,
        },
        yAxis: [{
            title: {
                text: 'Series 1'
            },
            min: 35000,
            max: 80000
        }, {
            title: {
                text: 'Series 2'
            },
            min: 0,
            max: 30000,
            opposite: true
        }],
        series: Data
    };

    myChart = new Highcharts.Chart(Options);
});

如果您取出每个y轴的最小值和最大值,则两个系列数据都显示出来,但右侧的轴标签消失了,就好像第二个系列只是在左侧的y轴上显示。

我不知道是我做错了什么还是有bug。

任何想法?

将yaxis更改为yaxis,且该值必须是数字而不是字符串

你有这个:

{
     "name": "Series2",
     "type": "column",
     "yaxis": "1",
     "data": [22300, 44, 22, 12456, 888]
 }

必须是这样:

{
    "name": "Series2",
    "type": "column",
    "yAxis": 1,
    "data": [22300, 44, 22, 12456, 888]
}]

jsFiddle: http://jsfiddle.net/QgHHZ/5/