Dimplejs 垂直 100% 小数点答案

【问题标题】：Dimplejs Vertical 100% Bar DecimalDimplejs 垂直 100% 小数点
【发布时间】：2016-11-01 12:31:43
【问题描述】：

我使用 Dimplejs，但是我创建了我的图表；我很难将 tickFormat 设置为十进制。当您将鼠标悬停在栏上时，您将获得 "Percent: 24%"，但我也想要获得设置的百分比值。这样的“百分比：24.1%”

fiddle

      var myChart = new dimple.chart(svg, data);
  myChart.setBounds(65, 45, 505, 315)
  myChart.addCategoryAxis("x", "YRMO");
  var y = myChart.addPctAxis("y", "Percent");
  myChart.addSeries("halfit", dimple.plot.bar);
  myChart.addLegend(200, 10, 380, 20, "right");
  y.tickFormat = ".1f";
  myChart.draw();

这不是我的小提琴，而是相同的想法，如果您将值更改为十进制。图表四舍五入。

【问题讨论】：

标签： javascript d3.js svg nvd3.js dimple.js

【解决方案1】：

好的，我只是第一次解决我自己的问题。这是它的完成方式。

 bars.getTooltipText = function (e) {
            return [
                "Point : " + e.aggField[0] + "",
                "Value : " + e.yValue + "%",
                "Series : " + e.cx + ""
            ];
        };

【讨论】：

【解决方案2】：

当您使用addPctAxis 时，您应该传递值，函数会为您计算百分比。然后你可以设置tickFormat来改变百分比值显示十进制值：

y.tickFormat = ".2%";

fiddle

【讨论】：