У меня проблемы с удалением ненужных 0% из круговой диаграммы. Это число показывает общее в% от всех доступных опций. В случае, если параметр не имеет никакого значения в соответствии с фильтром, он отображает для него 0%, который я хочу удалить. Я вставляю свой код ниже.
function drawPieChart(versionStatusCanvas,on_hold, active, cancelled,
activecount, onholdcount, cancelledcount) {
var versionStatusData = [{
value: on_hold,
color:"#444444",
label: "On Hold(" +onholdcount+")",
},
{
value: active,
color: "#72bb53",
label: "Active(" +activecount+")",
},
{
value: cancelled,
color: "#ff6624",
label: "Cancelled(" +cancelledcount+")",
}];
var versionStatusCanvas = document.getElementById("versionStatus");
var versionStatusCtx = versionStatusCanvas.getContext("2d");
var versionStatusChart = new Chart(versionStatusCtx).Pie(versionStatusData,{
animationSteps: 100,
animationEasing: 'easeInOutQuart',
showTooltips: false,
segmentShowStroke : false,
onAnimationProgress: drawSegmentValues
});
document.getElementById('version-status-legend').innerHTML =
versionStatusChart.generateLegend();
function drawSegmentValues(){
var radius = versionStatusChart.outerRadius;
var midX = versionStatusCanvas.width/2;
var midY = versionStatusCanvas.height/2
for(var i=0; i<versionStatusChart.segments.length; i++){
versionStatusCtx.fillStyle="white";
var textSize = versionStatusCanvas.width/20;
versionStatusCtx.font= textSize+"px Verdana";
// Get needed variables
var value = versionStatusChart.segments[i].value + '%';
var startAngle = versionStatusChart.segments[i].startAngle;
var endAngle = versionStatusChart.segments[i].endAngle;
var middleAngle = startAngle + ((endAngle - startAngle)/2);
// Compute text location
var posX = (radius/2) * Math.cos(middleAngle) + midX;
var posY = (radius/2) * Math.sin(middleAngle) + midY;
// Text offside by middle
var w_offset = versionStatusCtx.measureText(value).width/2;
var h_offset = textSize/4;
if(value != '0.0%')
versionStatusCtx.fillText(value, posX - w_offset, posY + h_offset);
}
}
}
Значения передаются из контроллера php в JSON. Я пробовал различные методы, чтобы заставить это работать, но я не в состоянии сделать это. Любая помощь будет оценена.
Попробуй это:
if(parseInt(value) > 0)
versionStatusCtx.fillText(value, posX - w_offset, posY + h_offset);
}
parseInt(value)
анализирует значение в int для сравнения с нулем. Ранее в коде значение соединяло символ% со значением, превращая его в строку.
Других решений пока нет …