Javascript 中间有类别名称的海图

我必须为web应用程序设置一个图表，我决定使用Highcharts，因为它似乎是最灵活的。我设法创造了我想要的，但我不能在一个图形，我必须创造两个

我的目标是有一个条形图，左边有负值，右边有正值，中间有类名（能够在里面放置HTML，但它是次要的）。p> 以下是我的链接：

我尝试过互联网上的不同技术和答案，但我找不到解决办法

（我希望你能理解，因为我使用翻译）

---

有人能帮我吗？

我认为海图公司做这件事并不容易。出于你的需要，我认为你走的是正确的道路。对于Highcharts，afaik，我们可以使用

xAxis

上的

offset

属性。但是结果并不好：检查这个主题@JoãoMenighin:谢谢你提供这个信息。@morganfree:谢谢你的链接。我去看看。

$(function() {
    Highcharts.setOptions({
        chart : {
            type : 'bar'
        },
        title : { text : '' },
        subtitle : { text : '' },
        plotOptions : {
            bar : { dataLabels : { enabled : true }}
        },
        legend : { enabled : false },
        credits : { enabled : false },
        yAxis : {         
            title : false,
            opposite : true
        },
        xAxis : {
            categories : ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'],
            labels : { format : "" },
            type : "category",
            visible : false,
            title : false,
            showEmpty: false,
            reversed : true
        }
    });

    // Graphique gauche (négatifs)
    var leftChart = new Highcharts.Chart({
        chart: { renderTo: 'gphLeft' },
        yAxis: { reversed : false },
        xAxis: { opposite : true },
        series : [{
            data : [null, -150, null, null, -680]
        }]
    });

    // Graphique droite (positifs)
    var rightChart = new Highcharts.Chart({
        chart: { renderTo: 'gphRight' },
        yAxis: { reversed : false },
        xAxis: { opposite : false },
        series : [{
            data : [180, null, 258, 487, null]
        }]
    });
});