删除饼图中的小数 dc.js

Question

我正在使用 dc.js 来显示饼图，我尝试从数字中删除小数点，但我做不到。

代码：

addPieChartWidget(innerContainer, dimFunction, reduceFunction , colors){
            var chart = dc.pieChart(innerContainer);
            var dim  = this.crossFilterModel.dimension(dimFunction);
            var groupingStrategy = dim.group().reduceSum(reduceFunction);
            chart
              .width(innerContainer.offsetWidth)
              .height(innerContainer.offsetHeight)
              //.slicesCap(4)
              .innerRadius(0)
              .dimension(dim)
              .group(groupingStrategy)
              .renderLabel(true)
              .legend(dc.legend().x(18).y(18).itemHeight(16).gap(1))
              //.legend(dc.legend())
                // workaround for #703: not enough data is accessible through .label() to display percentages
              .on('pretransition', function(chart) {
                    chart.selectAll('text.pie-slice').text(function(d) {
                        return d.data.key + ' ' + dc.utils.printSingleValue((d.endAngle - d.startAngle) / (2*Math.PI) * 100) + '%';
                    })
                });

              chart.on("filtered", dojo.hitch(this, this.fiterChangeHandler));

        }

谁能帮帮我？

谢谢

Answer 1

您可以使用 d3.format('.0f'); 将值移动到小数点后 0 位。

var xTickformat = d3.format('.0f');

chart.xAxis().tickFormat(xTickformat);

删除饼图中的小数 dc.js

Remove decimals in pie charts dc.js

javascript

dc.js