d3.js - 如何在D3中的文本中添加上标和下标

Question

当前代码:

.text(function(){return "Area:"+d3.values(expensesTot)[count].area+"mm2";
 });

电流输出:

面积:20mm2

预期输出:

面积:20mm2

Answer 1

从这个例子:http://bl.ocks.org/mbostock/6738109

您只需执行以下操作:

.text(function(){return "Area:"+d3.values(expensesTot)[count].area+"mm²";
 });

工作示例:

var svg = d3.select('body').attr('width', 500).attr('height', 500);

var svgText = svg.append('text').text('This is a test : mm²')

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>