2017-02-09 9 views
0

Я использую Highcharts - пирогHighcharts {пирог} - стиль только для нарезанного из ломтика

Как я могу создать стиль для нарезанного из ломтика ... напр: 3d границы или что-то?

То, что я хочу

enter image description here

Нормальный фрагмент

enter image description here

jsFiddle

PS: Как я новичок в этих Highcharts, ваша помощь будет высоко ценится.

Код

$(function() {  
    $(document).ready(function() {  
    // Build the chart 
    $('#container').highcharts({ 
     chart: { 
     type: 'pie', 
     }, 
     title: { 
     text: 'Test' 
     }, 
     tooltip: { 
     pointFormat: '' 
     }, 
     plotOptions: { 
     pie: { 
      cursor: 'pointer', 
      slicedOffset:30, 
     } 
     }, 
     series: [{ 
     borderWidth: 0, 
     name: 'Brands', 
     data: [{ 
      name: 'IE', 
      y: 56.33 
     }, { 
      name: 'Chrome', 
      y: 24.03,   
      sliced:true 
     }, { 
      name: 'Firefox', 
      y: 10.38 
     }] 
     }] 
    }); 
    }); 
}); 

ответ

1

Вы можете использовать selected свойство, а затем установить CSS для highcharts-point-select класса.

точка конфигурации

{ 
    name: 'Chrome', 
    y: 24.03,   
    sliced:true, 
    selected: true 
} 

CSS

.highcharts-point-select { 
    stroke: red; 
    stroke-width: 3 
} 

пример: http://jsfiddle.net/xe8zqv3n/

+0

** @ morganfree ** ... Спасибо за ** Quickie ** ... Рабочие как шарм – Reddy

 Смежные вопросы

  • Нет связанных вопросов^_^