Question

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

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

Answer 1

不幸的是，IE7不支持Border-radius。

请检查此矩阵： 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

这些代码对我有用。

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

具体来说，'r'：0使其在VML渲染浏览器中工作。我可以依靠这个解决方案吗？

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

3 个答案: