Как выделить выделенный фрагмент в пироге fuisonchart?

Question

1) У меня есть piechart, который реализован с использованием fusionchart, моя проблема в том, когда я нажимаю на фрагмент, он должен быть выделен.

как сделать это используя fusionchart пирог?

2) Когда круговая диаграмма не имеет значения, она не отображает данные для отображения сообщения, но мне нужно отобразить заголовок, поэтому он не появляется, когда данные не найдены.

как показать подпись, когда нет данных для отображения?

Answer 1

В активном состоянии пирога FusionCharts обычно обозначается как состояние вставки/вырезания. И нет такого атрибута, который задан для установки цвета срезанного элемента пирога. Однако у них есть атрибут для установки эффекта зависания (showHoverEffect).

Однако вы можете играть с их открытым API, можете достичь этого. Пожалуйста, обратитесь к этому fiddle.

Что я здесь сделал, наденьте на DataPlotClickEvent и перепишите цвета палитры, которые в конечном итоге влияют на цвет пирога. Но у этого есть свой собственный недостаток, так как график повторно отображается каждый раз, когда функция срезания не активна. Диаграмма отображает с новой палитрой в состоянии по умолчанию.

'dataplotclick': function(evtObj, argObj) { 
    var chart = evtObj && evtObj.sender, 
     hitIndex = argObj.index, 
     rplceColr = highPaletteClrs[hitIndex], 
     clrArr = paletteClrs.slice(0), 
     clrStr; 

    clrArr.splice(hitIndex, 1, rplceColr); 
    clrStr = clrArr.join(','); 

    if(chart) { 
     chart.setChartAttribute('paletteColors', clrStr); 
    } 

} 

А для второго требования показать диаграмму только с заголовком, мы можем визуализировать диаграмму со всеми данными/установить значение, как «0'.Like:

"data": [{ 
    "label": "Teenage", 
    "value": "0" 
}, { 
    "label": "Adult", 
    "value": "0" 
}, { 
    "label": "Mid-age", 
    "value": "0" 
}, { 
    "label": "Senior", 
    "value": "0" 
}] 

Надеется, что это даст отправной точкой для вас. :)