如何在酒窝 js 的饼图中显示百分比

How to display percentage in Pie Chart for DIMPLE js

本文关键字：显示 百分比 js      更新时间：2023-09-26

我正在使用酒窝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();    
});

以下是供参考的链接。

酒窝 js 饼图

而不是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/

相关文章：