如何将属性`preserveAspectRatio`添加到Highchart svg

时间:2017-01-26 12:44:03

标签: javascript svg highcharts

我需要将此属性添加到由Highchart创建的svg中,以使它们保持正确的对齐方式。

但是我无法在Highchart api找到它,我真的需要添加它。

有人知道怎么做吗?或者我可以通过我的JavaScript添加它来做一个技巧? (这会很糟糕......)

http://sendvid.com/gcb4pq9r在这里你可以看到为什么我需要这个属性(没有下载,只是一个在线播放器)

[编辑]我真的需要知道如何使用chart.attr()的人!它让我觉得它不是一个功能而是here they do this on a chart,如果我能做到,我的问题就解决了!

nameChart = Highcharts.chart(currentContainer.idChartMem, {
          title: {
                text: 'Memory usage of ' + currentContainer.nameContainer,
                style: {
                   color: '#3F7EF2',
                   fontSize: '15px'
                },
            },
            xAxis: {
                type: 'datetime',
            },
            yAxis: {
                title: {
                    text: 'usage'
                },
                labels: {
                    formatter: function() {
                        var usage = this.value;
                        if ((usage >= 1048576) && (usage < 1073741824)) {
                            return (usage / 1048576).toFixed(2) + "MB";
                        } else if (usage >= 1073741824) {
                            return (usage / 1073741824).toFixed(2) + "GB";
                        } else {
                            return usage + "KB";
                        }
                    }
                },
            },
            tooltip: {
                formatter: function() {
                    return '<b>' + this.series.name + '</b><br/>' + Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>';
                }
            },
            series: [{
                type: 'line',
                name: 'memory usage',
                data: []
            }],
        });
        nameChart.setSize(null,250);
        console.log("before chart.attr({})");
        console.log(nameChart);
        nameChart.attr({preserveAspectRatio:'xMinYMin'});
        console.log("after chart.attr({})");

没有恐慌,因为我使用currentContainer和类似的东西创建我的图表,因为它有效,它创建了我的图表

我创建了issue

1 个答案:

答案 0 :(得分:1)

按照TorsteinHonsi的指示,我做到了:

nameChart.renderer.boxWrapper.attr({ preserveAspectRatio: 'xMinYMin' });