Как изменить радиус границы символа легенды

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

атр() является только доклада доступен SVG, но IE6/7 использование VML, который не позволяет использовать эту функцию.

EDIT: Вы можете использовать небольшое обходное решение, которое включает в себя «поддельные» серии, которые корректируют маркер (например, квадрат) и связанную область с символом.

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. Могу ли я полагаться на это решение?