如何更改图例符号的边框半径

Question

我有一张面积图。它的图例符号带有边界半径。尝试了下面的代码，我可以删除IE9中的半径。在IE7中不起作用。请帮助。

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

Answer 1

不幸的是，IE7不支持边界半径。

请检查此矩阵：http://caniuse.com/border-radius

Answer 2

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/

Answer 3

THis代码对我来说很有效。

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

具体地说，'r':0使其在VML呈现浏览器中工作。我能依靠这个解决方案吗？