DimpleJS。 Y轴值以百分比表示

Question

来自包含折扣，评分和点击的csv文件的I am plotting Vertical Grouped Bar Chart。数据是csv类似于55,2,1和40,5,0等。这里第一个值（55,40）是折扣，（2,5）评级，1和0对应clicked和分别为not clicked。在使用以下代码绘制图表时。

  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();
    });    

问题是我想在multiple of 10, like 0%, 10%, 20% .. 100%中以百分比表示y轴。现在，y轴值类似于0,2k,4k,6k...20k。那么如何以百分比表示y轴。

Answer 1

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

dimple.js提供了百分比系列的方法

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

但请记住，你不能在同一轴上同时创建Value和Percentage，你可能需要有双轴图

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]);