如何更改圖例符號的邊框半徑

我有面積圖。它的傳奇符號帶有邊界半徑。嘗試了下面的代碼，我可以在IE9中刪除半徑。在IE7中不起作用。請幫助。如何更改圖例符號的邊框半徑

$(chart.series).each(function() { 
this.legendSymbol.attr({ 
        'rx': 0, 
        'ry': 0, 
        'border-radius': '0px', 
        'height': 12 
       }); 
});

來源

2013-08-05 lrd123

不幸的是IE7不支持邊界半徑。

請檢查此矩陣： http://caniuse.com/border-radius

來源

2013-08-05 08:08:34

但是我可以看到圖例符號在IE7中有一個邊框半徑。我想刪除那個。那也不行嗎？ – lrd123

它與CSS無關，因爲我們使用SVG/VML來生成我們的圖表。 –

ATTR（）是繳費僅在SVG，但IE6/7使用VML，其不允許使用該功能。

編輯：你可以用小的解決方法，其中包括「假」系列，其中正確的標記（如方形）和意甲與符號鏈接的區域。

series: [{ 
     name: 'first', 
     type: 'scatter', 
     color: 'blue', 
     id: 'other', 
     marker: { 
      symbol: 'square' 
     } 
    }, { 
     showInLegend: false, 
     name: 'first', 
     linkedTo: 'other', 
     data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] 
    }]

http://jsfiddle.net/Drjyz/1/

來源

2013-08-05 09:12:06

感謝您的回覆。那麼我們如何才能改變蛀蟲的半徑呢？在VML中也必須有一些做法。 – lrd123

我的目標是圖例符號不應該有邊框半徑。任何方法來實現這一點都很好。 – lrd123

任何想法將不勝感激。 – lrd123

此代碼爲我工作。

if (this.legendSymbol != undefined && this.legendSymbol != null) { 
       this.legendSymbol.attr({ 
        'rx': 0, 
        'ry': 0, 
        'r': 0, 
        'height': symbolWidth 
       }); 
      }

具體來說'r'：0使它在VML渲染瀏覽器中工作。我可以依靠這種解決方案嗎？

來源

2013-08-07 10:33:41 lrd123

如何更改圖例符號的邊框半徑

回答

相關問題