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

Question

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

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

Answer 1

这段代码对我有用。

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

特别是 'r':0 使它在 VML 渲染浏览器中工作。我可以依靠这个解决方案吗？

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

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

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