javascript - 如何在DIMPLE js的饼图中显示百分比

我正在使用dimple js绘制饼图。我想在饼图中显示百分比。

  var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {
  var myChart = new dimple.chart(svg, data);
  myChart.setBounds(20, 20, 460, 360);
  myChart.addMeasureAxis("p", "Unit ales");
  myChart.addSeries("Owner", dimple.plot.pie);
  myChart.addLegend(500, 20, 90, 300, "left");
  myChart.draw();
});

以下是参考链接。

dimple js Pie Chart

最佳答案

代替addMeasureAxis使用addPctAxis：

var svg = dimple.newSvg("#chart", 590, 400);
d3.tsv("https://raw.githubusercontent.com/PMSI-AlignAlytics/dimple/master/data/example_data.tsv", function (data) {
  var myChart = new dimple.chart(svg, data);
  myChart.setBounds(20, 20, 460, 360);
  myChart.addPctAxis("p", "Unit Sales");
  myChart.addSeries("Owner", dimple.plot.pie);
  myChart.addLegend(500, 20, 90, 300, "left");
  myChart.draw();
});

工作的jsfiddle：https://jsfiddle.net/d599brmy/