Javascript 需要让Highcharts在单独的轴上呈现每个类别

下面是一个指向JSFIDLE的链接，它演示了我想要的内容。我想把这个系列留给Joe、Jan和John，这样我就可以通过点击这个系列来排除或包含他们的数据。正如你所看到的，他们对苹果的消费量是如此之高，以至于其他类别的苹果看起来都很可笑。如何用海图实现这一点

---

堆叠起来看起来好一点

---

我不确定你还能做什么，数据就是它的本来面目。

使用对数轴表示yAxis

yAxis: {
    type: 'lagarithmic'
}

注：对数轴的最小值始终大于0

在这里，我更新了您的

---

希望这能让它看起来更好

将系列拆分为较小的系列，然后可以为不同的轴设置每个类别。演示：

 plotOptions: {

        },

yAxis: {
    type: 'lagarithmic'
}

var colors = Highcharts.getOptions().colors;
$('#container').highcharts({
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Stacked bar chart'
    },
    xAxis: {
        categories: ['Apples', 'Oranges']
    },
    yAxis: [{
        opposite: true,
        min: 0,
        title: {
            text: 'Total fruit consumption'
        },
    }, {
        min: 0,
        title: {
            text: 'Total fruit consumption'
        }
    }],
    legend: {
        backgroundColor: '#FFFFFF',
        reversed: true
    },
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    },
    series: [{
        id: 'john',
        color: colors[0],
        name: 'John',
        data: [
            [0, 125]
        ]
    }, {
        id: 'jane',
        color: colors[1],
        name: 'Jane',
        data: [
            [0, 90]
        ]
    }, {
        id: 'joe',
        color: colors[2],
        name: 'Joe',
        data: [
            [0, 100]
        ]
    }, {
        yAxis: 1,
        color: colors[0],
        linkedTo: 'john',
        name: 'John',
        data: [
            [1, 3]
        ]
    }, {
        yAxis: 1,
        color: colors[1],
        linkedTo: 'jane',
        name: 'Jane',
        data: [
            [1, 2]
        ]
    }, {
        yAxis: 1,
        color: colors[2],
        linkedTo: 'joe',
        name: 'Joe',
        data: [
            [1, 4]
        ]
    }]
});