簡體   English   中英

如何將屬性“ preserveAspectRatio”添加到Highchart svg

[英]How to add the attribute `preserveAspectRatio` to Highchart svg

我需要將此屬性添加到Highchart創建的svg中,以使其保持正確對齊。

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

有人知道該怎么做嗎? 或者,也許我可以通過在我的JavaScript中添加它來欺騙自己? (那是不好的...)

http://sendvid.com/gcb4pq9r在這里,您可以了解為什么我需要此屬性(無需下載,只需在線播放器即可)

[編輯]我真的需要一個知道如何使用chart.attr() 它返回給我它不是一個函數,但是在這里他們在圖表上執行此操作 ,如果可以,我的問題就解決了!!!

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創建了圖表,並且因為這樣可以正常工作,所以創建了圖表

我創建了一個問題

按照TorsteinHonsi的指示,我這樣做了:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM