Dimplejs 垂直 100% 条形小数

Question

我使用 Dimplejs，但是我创建了我的图表；我很难将 tickFormat 设置为十进制。当您将鼠标悬停在栏上时，您将获得 "Percent: 24%"，但我想要的是获得设置的百分比值。这样 "Percent: 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();

这不是我的 fiddle，但如果您将值更改为十进制，则其想法相同。图表四舍五入。

Answer 1

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

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

Answer 2

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

y.tickFormat = ".2%";

fiddle

Dimplejs 垂直 100% 条形小数

Dimplejs Vertical 100% Bar Decimal

javascript

d3.js

svg

nvd3.js

dimple.js