如何在 DIMPLE js 的饼图中显示百分比答案

【问题标题】：How to display percentage in Pie Chart for DIMPLE js如何在 DIMPLE js 的饼图中显示百分比
【发布时间】：2018-02-04 20:28:16
【问题描述】：

我正在使用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

【问题讨论】：

这个问题已经回答了：stackoverflow.com/questions/28306308/…

标签： javascript d3.js dimple.js

【解决方案1】：

用addPctAxis代替addMeasureAxis：

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/

【讨论】：