D3.js 酒窝。以百分比表示的Y轴值

我正在从包含折扣、评级和单击的csv文件绘制垂直分组条形图。数据为csv，类似于55,2,1和40,5,0等。这里的第一个值（55,40）是折扣，（2,5）评级，1和0分别对应于点击的<代码>和未点击的<代码>。在使用以下代码绘制图表时

  var svg2 = dimple.newSvg("#discountContainer", 590, 400);
    d3.csv("/svm1000.csv", function (data) {
      var myChart2 = new dimple.chart(svg2, data);
      myChart2.setBounds(60, 30, 510, 330)
      myChart2.addCategoryAxis("x", ["rating", "action"]);
      var y = myChart2.addMeasureAxis("y", "discount");
      //y.tickFormat = "%";
      myChart2.addSeries("action", dimple.plot.bar);
      myChart2.addLegend(65, 10, 510, 20, "right");
      myChart2.draw();
    });    

问题是我想用10的倍数来表示y轴的百分比，比如0%，10%，20%。。100%

。现在y轴的值类似于

0,2k，4k，6k…20k

。因此，如何用百分比表示y轴。

我发现这个问题已经过时了，所以这个答案可能对您没有帮助，但对于其他面临类似要求的人来说，这可能会有所帮助

js提供了具有百分比序列的方法

myChart2.addPctAxis("y", "discount");

但请记住，不能在同一个轴上同时创建值和百分比，可能需要双轴图形

var x = myChart2.addCategoryAxis("x", ["rating", "action"]);
var y1 = myChart2.addPctAxis("y", "discount");
var y2 = myChart2.addMeasureAxis("y", "amount"); // the field with value ranges 1000...

此外，您不能使用分组条形图；对于轴1，使用条形图；对于轴2，使用直线，反之亦然

myChart2.addSeries("action", dimple.plot.bar, [x, y1]);
myChart2.addSeries("action", dimple.plot.line, [x, y2]);

---

我知道这个问题很老了，所以这个答案可能对您没有帮助，但对于其他面临类似需求的人来说，这可能会有所帮助

js提供了具有百分比序列的方法

myChart2.addPctAxis("y", "discount");

但请记住，不能在同一个轴上同时创建值和百分比，可能需要双轴图形

var x = myChart2.addCategoryAxis("x", ["rating", "action"]);
var y1 = myChart2.addPctAxis("y", "discount");
var y2 = myChart2.addMeasureAxis("y", "amount"); // the field with value ranges 1000...

此外，您不能使用分组条形图；对于轴1，使用条形图；对于轴2，使用直线，反之亦然

myChart2.addSeries("action", dimple.plot.bar, [x, y1]);
myChart2.addSeries("action", dimple.plot.line, [x, y2]);

---

这不是D3，是吗？它在dimpleJS中是建立在D3ok的基础上的，如果它像D3一样，你使用tickvalues（），在线加载示例这不是D3，是吗？它在dimpleJS中是建立在D3ok的基础上的，如果它像D3一样，你使用tickvalues（），在线加载示例