Я пытаюсь визуализировать круговую диаграмму Google в своем шаблоне для некоторого программного обеспечения (это программное обеспечение содержит следующие значения, выбранные в коде ниже).
Работает нормально, если каждое значение не равно или больше 0. Если одно из значений в select равно 0, то график не отображается.
Не могли бы вы помочь мне решить это?
Я пробовал sliceVisibiltyTreshold = 0, но он тоже не работал.
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
work = <xsl:value-of select="$grossSalary"/>+<xsl:value-of select="$holidayPay"/>+<xsl:value-of select="$allowances"/>+<xsl:value-of select="$otherPay"/>+<xsl:value-of select="$carAllowance"/>; //pay
eat = <xsl:value-of select="$yearlyBonusPayment"/>+<xsl:value-of select="$advancedBonusPayments"/>+<xsl:value-of select="$financialMarketsBonus"/>+<xsl:value-of select="$insuranceAdvisorBonus"/>+<xsl:value-of select="$otherFinancialRewards"/>; //bonus
commute = <xsl:value-of select="$pensionContribution"/>+<xsl:value-of select="$lifeInsurance"/>+<xsl:value-of select="$cafeteriaContribution"/>+<xsl:value-of select="$lunchContribution"/>+<xsl:value-of select="$byod"/>; //benefits
tv = <xsl:value-of select="$company"/>; //other
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Week'],
['pay', work],
['bonus', eat],
['benefits', commute],
['other', tv],
]);
var options = {
//title: 'Weekly Activities',
colors: ['orange','#00cc33', 'pink', 'yellow','lightblue'],
sliceVisibilityThreshold:.0
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
<!-- begin snippet: js hide: false console: true babel: false -->