Question

我正在使用HighCharts来浏览一些图表。我希望我的y-aixs介于-1到+1之间。当我为y轴设置max = 1和min = -1时，它不起作用。有没有其他方法来实现这一点。下面是我的代码示例。

            $(opts.containerSelector).find('.chart-container').highcharts({
            chart: {
                events: {
                    load: loadLegendSelection
                },
            },
            plotOptions: {
                area: {
                    fillOpacity: 0.7
                },
                spline: {
                  marker: {
                    radius: 3
                  }
                },
                series: {
                    events: {
                        legendItemClick: storeLegendSelection
                    }
                }
            },
            legend: {
            },
            loading: {
                labelStyle: { "position": "relative", "top": "45%", "font-weight": "300", "color": "#29303a", "font-size": "22px" }
            },
            xAxis: {
                gridLineDashStyle: 'dash',
                gridLineColor: '#c2dce6',
                gridLineWidth: 1,
                min: minDate,
                max: maxDate,
                type: 'datetime',
                labels: {
                   formatter: function() {
                       return formatTimestampTime(this.value);
                   }
                },
                events : {
                    afterSetExtremes : afterSetExtremes.bind(this, opts)
                },
                minRange: 3600 // one minute
            },
            yAxis: {
                max: 1,
                min: -1,
                endOnTick: false,
                gridLineDashStyle: 'dash',
                gridLineColor: '#c2dce6',
                gridLineWidth: 1,
                labels: {                        
                   formatter: function() {
                       return formatMegawatts(this.value);
                   }
                },
                showFirstLabel: false,
                title: ''
            },
            series: convertedData,
            exporting: {
                enabled: false
            },
            credits: {
                enabled: false
            },
            tooltip: {
                formatter:
                    function() {
                        return '<b>' + formatTimestampDateTimeWithSeconds(this.x) + '</b><br>' + formatMegawatts(this.y) + ' ('+ this.series.name + ')';
                    }
            }               
        });

Answer 1

您可以尝试设置下面给出的最小值和最大值。

yAxis: [{
            max:1,
            min: -1,
            allowDecimals: false,
            endOnTick: false,
            gridLineWidth: 0,
            labels: {
                style: {
                    color: '#767676'
                }
            },
            offset: -10,
            title: {
                text: 'Inv ' + val_qty,
                "textAlign": 'top',
                "rotation": 0,
                x: 60,
                y: yaxisVal,
                style: {
                    color: '#767676',
                    fontWeight: 'bold'
                }
            }
        }, {
            allowDecimals: false,
            min: 0,
            endOnTick: false,
            gridLineWidth: 0,
            title: {
                text: y2axisname,
                "textAlign": 'top',
                "rotation": 0,
                x: -75,
                y: yaxisVal,
                style: {
                    color: '#767676',
                    fontWeight: 'bold'
                }
            },
            offset: -10,
            labels: {
                format: '{value}',
                style: {
                    color: '#767676'
                }
            },
            opposite: true
        }],

Highcharts y轴负值误差

1 个答案: