更改瀏覽器的legend.y屬性調整大小

我們使用帶有Angular和引導程序的highchart控件。要調整圖表和圖例（均由highchart呈現爲SVG元素），我們設置legend的在頁面加載（在controller）的y屬性這樣之間的垂直空間：更改瀏覽器的legend.y屬性調整大小

$scope.chartContracts = { 
    options: { 
     chart: { 
      type: 'pie', 
      marginBottom: 50 
     }, 
     legend : { 
      layout: 'horizontal', 
      align: 'center', 
      verticalAlign: 'bottom', 
      x: 0, 
      y: 4,

現在在其中一個Bootstraps佈局中，間距（y）應該是-10而不是4，因爲由於某種原因會增加一個額外的間距。

所以它應該基於媒體查詢或類似的東西我猜？

問題是如何做到這一點...我嘗試用CSS，但我似乎無法風格的SVG元素（他們被稱爲<g>）？

來源

2015-11-25 Michel

你能寫，哪些參數應該改變間距-10？ –

屏幕的最小寬度，如引導媒體查詢'@media（min-width：@ screen-lg-min）' – Michel

您可以檢查窗口寬度，然後返回正確的值。

var wWidth = $(window).width(), 
    value; 

if(wWidth < 400) { 
    value = 5; 
} else { 
    value = 10; 
}

//範圍

y: value

來源

2015-11-30 12:59:41

以及如何將這個y值發送到圖表選項？ – Michel

在圖例中設置y –

更改瀏覽器的legend.y屬性調整大小

回答

相關問題