动态添加系列,如何摆脱默认的y轴?

时间:2016-05-13 14:04:22

标签: highcharts

我正在动态地将系列添加到我的空图表中,通过添加一个系列我也使用addAxis添加一个新轴但是在添加我的第一个系列时我总是得到两个y轴,一个是我自己和一个是highcharts自己的默认y轴。有没有办法禁用此轴的自动创建?

    init(): void {
        this.chartOptions = {
            chart: {
                type: this.chart,
                animation: Highcharts.svg,
                zoomType: 'x'
            },
            xAxis: {
                type: this.x
            },
            tooltip: {
                shared: true,
                crosshairs: true
            }
        }

        $('#highchartcontainer').highcharts(this.chartOptions);
    }

    addSerie(tag: Tag): void {
        this.addSeries(new Array<Tag>(tag));
    }

    addSeries(tags: Tag[]): void {

        for (let i = 0; i < tags.length; i++) {
            let tag = tags[i];

            $('#highchartcontainer').highcharts().addAxis({
                id: i,
                title: {
                    text: tag.getTitle(),
                    style: {
                        color: Highcharts.getOptions().colors[i]
                    }
                },
                lineWidth: 2,
                lineColor: Highcharts.getOptions().colors[i],
                max: tag.getMaxValue()
            });

            $('#highchartcontainer').highcharts().addSeries({
                turboThreshold: 0,
                name: tag.getId(),
                yAxis: i,
                data: (function () {
                    var tag_data = new Array<Point>();
                    for (var n = 0; n < tag.getData().length; n++) {
                        tag_data.push(new Point(tag.getData()[n].x, tag.getData()[n].y));
                    }
                    return tag_data;
                })()
            });
        }
    }

https://imgur.com/gnfwKRD

如何摆脱黄色标记的y轴?

1 个答案:

答案 0 :(得分:2)

使用update设置默认值的可见性应该可以胜任。

 chart.yAxis[0].update({visible:false});

Here是小提琴。