0

我正在尝试制作具有负值和正值的高图表。现在的问题是,与正值相比,负值并不是很大。

这是图表的图片: 图形

现在,如果您仔细观察两个 y 轴,它们不会在 0 处相遇,存在一个微小的间隙。是否可以让它们都从 0 开始,但允许它们为负数?

这是我的代码:

Highcharts.chart('chart', {
                chart: {
                    type: 'column'
                },
                title: {
                    text: 'Sales Graph'
                },
                xAxis: {
                    categories: xAxisTicks
                },
                plotOptions: {
                    column: {
                        stacking: 'normal'
                    }
                },
                tooltip: {
                    formatter: function() {
                        debugger;
                        if (this.series.type == "column") {
                            return '<b>' + this.x + '</b><br/>' +
                                this.series.name + ': ' + prettyNumber(this.y) + '<br/>' +
                                'Sales without discount: ' + prettyNumber(this.point.stackTotal);
                        } else {
                            return '<b>' + this.x + '</b><br/>' +
                                this.series.name + ': ' + prettyNumber(this.y) + '<br/>';
                        }
                    }
                },
                colors: ['yellow', 'orange', 'red', 'blue', 'green', 'red', 'blue', 'green'],
                yAxis: [
                {
                    title: {
                        text: 'Daily sales'
                    },
                    min: minYAxisValue,
                    startOnTick: false
                }, {
                    title: {
                        text: 'Accumulated sales'
                    },
                    min: minYAxisValue,
                    startOnTick: false,
                    opposite: true
                }
                ],
                series: data
            });
4

1 回答 1

0

如果您希望两个将 0 刻度对齐在一起,那么高图表尚无法实现。关注此讨论https://highcharts.uservoice.com/forums/55896-general/suggestions/2554384-multiple-axis-alignment-control?page=3&per_page=20

但是,您可以尝试这个简单的解决方法:

在两个 y 轴上都有固定的最小值/最大值:

yAxis: [{ min: minYAxisValue, max: maxYAxisValue }

或者只是将第二个轴链接到第一个轴:

yAxis: [{ opposite: true, linkedTo: 0 }
于 2017-03-02T05:11:32.247 回答