Javascript Highcharts样条曲线和列范围反转

我有一个图表，它有样条曲线和一个理想的倒列范围，这样条线水平，X轴值在y轴上

看

守则的有关部分：

$(function () {
$('#container').highcharts({
    chart: {
        //type: 'spline'
        //inverted: true,
    },
    credits: {
        enabled: false
    },

    title: {
        text: 'Polygon Graph: 109470 - North Penrith'
    },

    xAxis: [{


        type: 'datetime',


    }, {
        type: 'category',
        categories: ['Planning', 'Bulk Earthworks', 'DA Design', 'CC Design']

    }],
    yAxis: [{
        opposite: true,
        labels: {
            format: '${value:,.0f}'

        },

        title: {
            text: 'Value ($)'

        },

        min: 0



    }, {
        type: 'datetime',


    }],

    plotOptions: {
        columnrange: {
            dataLabels: {
                enabled: true,
                formatter: function () {
                    var d = new Date(this.y);
                    return d.getDate();
                }
            }
        }
    },
    tooltip: {
        formatter: function () {
            return '<b>' + this.series.name + '</b><br/>' + Highcharts.dateFormat('%e %b %y', this.x) + ': ' + ' $' + this.y;
        }

    },

    series: [{
        name: 'Expected Costs',

        data: [
            [Date.UTC(2013, 9, 29), 145000],
            [Date.UTC(2013, 10, 6), 140000],
            [Date.UTC(2013, 10, 13), 133000],
            [Date.UTC(2013, 10, 20), 125000],
            [Date.UTC(2013, 10, 27), 116000],
            [Date.UTC(2013, 11, 3), 106000],
            [Date.UTC(2013, 11, 10), 101000],
            [Date.UTC(2013, 11, 17), 96000],
            [Date.UTC(2013, 11, 24), 94000],
            [Date.UTC(2013, 12, 1), 82000],
            [Date.UTC(2013, 12, 8), 70000],
            [Date.UTC(2013, 12, 15), 58000],
            [Date.UTC(2013, 12, 22), 33000],
            [Date.UTC(2013, 12, 29), 8000],


            ],
        color: 'red'

    }, {
        name: 'Actual Costs',
        data: [
            [Date.UTC(2013, 9, 29), 135000],
            [Date.UTC(2013, 10, 6), 133000],
            [Date.UTC(2013, 10, 13), 125000],
            [Date.UTC(2013, 10, 20), 116000],
            [Date.UTC(2013, 10, 27), 104000],
            [Date.UTC(2013, 11, 3), 89000],
            [Date.UTC(2013, 11, 10), 84000],
            [Date.UTC(2013, 11, 17), 78000],
            //[Date.UTC(2013,11,24),75000  ],
            //                  [Date.UTC(2013,12,1),64000  ],
            //                  [Date.UTC(2013,12,8),59000  ],
            //                  [Date.UTC(2013,12,15),50000  ],
            //                  [Date.UTC(2013,12,22),25000  ],
            //                  [Date.UTC(2013,12,29),0  ]

            ],
        color: 'green'
    }, {
        name: 'Projected Costs',
        data: [
        //[Date.UTC(2013,9,29),135000  ],
        //                  [Date.UTC(2013,10,6),133000  ],
        //                  [Date.UTC(2013,10,13),125000  ],
        //                  [Date.UTC(2013,10,20),116000  ],
        //                  [Date.UTC(2013,10,27),104000  ],
        //                  [Date.UTC(2013,11,3),89000  ],
        //                  [Date.UTC(2013,11,10),84000  ],
        [Date.UTC(2013, 11, 17), 78000],
            [Date.UTC(2013, 11, 24), 75000],
            [Date.UTC(2013, 12, 1), 64000],
            [Date.UTC(2013, 12, 8), 59000],
            [Date.UTC(2013, 12, 15), 50000],
            [Date.UTC(2013, 12, 22), 25000],
            [Date.UTC(2013, 12, 29), 0]

        ],
        dashStyle: 'longdash'
    }, {
        name: 'Gantt',
        type: 'columnrange',
        //inverted: true,
        xAxis: 1,
        yAxis: 1,
        data: [
            [Date.UTC(2013, 9, 29), Date.UTC(2013, 9, 30)],
            [Date.UTC(2013, 9, 30), Date.UTC(2013, 10, 17)],
            [Date.UTC(2013, 10, 18), Date.UTC(2013, 10, 30)],
            [Date.UTC(2013, 10, 30), Date.UTC(2013, 11, 17)]
        ],

    }]
});

$（函数（）{
$（“#容器”）。高图({
图表：{
//类型：“样条线”
//倒：是的，
},
学分：{
已启用：false
},
标题：{
文本：'多边形图：109470-北彭里斯'
},
xAxis：[{
键入：“日期时间”，
}, {
类型：'类别'，
类别：[“规划”、“散装土方工程”、“DA设计”、“CC设计”]
}],
亚克斯：[{
相反：是的，
标签：{
格式：“${value:，.0f}”
},
标题：{
文本：“值（$）”
},
最低：0
}, {
键入：“日期时间”，
}],
打印选项：{
列范围：{
数据标签：{
启用：对，
格式化程序：函数（）{
var d=新日期（本年）；
返回d.getDate（）；
}
}
}
},
工具提示：{
格式化程序：函数（）{
返回'+this.series.name+'
'+Highcharts.dateFormat（'%e%b%y'，this.x）+'：'+'$'+this.y；
}
},
系列：[{
名称：“预期成本”，
数据：[
[UTC日期（2013年9月29日），145000]，
[UTC日期（2013年10月6日），140000]，
[UTC日期（2013年10月13日），133000]，
[UTC日期（2013年10月20日），125000]，
[UTC日期（2013年10月27日），116000]，
[UTC日期（2013年11月3日），106000]，
[UTC日期（2013年11月10日），101000]，
[UTC日期（2013年11月17日），96000]，
[UTC日期（2013年11月24日），94000]，
[UTC日期（2013年12月1日），82000]，
[UTC日期（2013年12月8日），70000]，
[UTC日期（2013年12月15日），58000]，
[UTC日期（2013年12月22日），33000]，
[UTC日期（2013年12月29日），8000]，
],
颜色：“红色”
}, {
名称：“实际成本”，
数据：[
[UTC日期（2013年9月29日），135000]，
[UTC日期（2013年10月6日），133000]，
[UTC日期（2013年10月13日），125000]，
[UTC日期（2013年10月20日），116000]，
[UTC日期（2013年10月27日），104000]，
[UTC日期（2013年11月3日），89000]，
[UTC日期（2013年11月10日），84000]，
[UTC日期（2013年11月17日），78000]，
//[UTC日期（2013年11月24日），75000]，
//[UTC日期（2013年12月1日），64000]，
//[UTC日期（2013年12月8日），59000]，
//[UTC日期（2013年12月15日），50000]，
//[UTC日期（2013年12月22日），25000]，
//[UTC日期（2013年12月29日），0]
],
颜色：“绿色”
}, {
名称：“预计成本”，
数据：[
//[UTC日期（2013年9月29日），135000]，
//[UTC日期（2013年10月6日），133000]，
//[UTC日期（2013年10月13日），125000]，
//[UTC日期（2013年10月20日），116000]，
//[UTC日期（2013年10月27日），104000]，
//[UTC日期（2013年11月3日），89000]，
//[UTC日期（2013年11月10日），84000]，
[UTC日期（2013年11月17日），78000]，
[UTC日期（2013年11月24日），75000]，
[UTC日期（2013年12月1日），64000]，
[UTC日期（2013年12月8日），59000]，
[UTC日期（2013年12月15日），50000]，
[UTC日期（2013年12月22日），25000]，
[UTC日期（2013年12月29日），0]
],
dashStyle:“longdash”
}, {
名称：“甘特”，
类型：“columnrange”，
//倒：是的，
xAxis:1，
亚克西斯:1,，
数据：[
[UTC日期（2013年9月29日），UTC日期（2013年9月30日）]，
[UTC日期（2013年9月30日），UTC日期（2013年10月17日）]，
[UTC日期（2013年10月18日），UTC日期（2013年10月30日）]，
[UTC日期（2013年10月30日），UTC日期（2013年11月17日）]
],
}]
});

我曾尝试从一个columnrange图表开始并从那里构建它，但是这会导致样条曲线值从最小到最大（即使使用反向选项），这意味着将columnrange添加到样条曲线基础似乎是一个更好的主意

我被困住了，看来海图应该能做到这一点

---

如何使columnrange保持水平，同时仍保持图形的其余布局？

不幸的是，当您使用反转选项时，轴会翻转，所有序列都会反转。这是默认行为。您不能组合反转序列和非反转序列。

欢迎使用堆栈溢出！这个问题可以改进如果您可以添加代码，而不是链接到另一个页面，请单击“编辑”。仅链接问题的问题在于，随着时间的推移，这些问题往往会变得无效。如果您能想出改进答案的方法，请单击“编辑”。