Dimplejs Vertical 100%Bar Decimal

时间:2016-06-29 16:50:15

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

我和Dimplejs一起工作,但我创建了我的图表;我很难将 tickFormat 设置为十进制。当您将鼠标悬停在条形图上时,您将获得“百分比: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();

如果你将值改为十进制,这不是我的小提琴,而是同样的想法。图表舍入小数。

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

当您使用catch()时,您应该传递该值,该函数会为您计算百分比。然后,您可以设置tickFormat以更改百分比值以显示小数值:

addPctAxis;

fiddle