echarts：如何在3D轴标签中使用subscript/superscript（或latex/mathjax）？

Question

如何在 3D 图表中呈现上标或下标？

现在我是这样做的：

xAxis3D: { scale: true, gridIndex: 0, name: "f0" },
yAxis3D: { scale: true, gridIndex: 1, name: "f1" },
zAxis3D: { scale: true, girdIndex: 2, name: "f2" },

图中的 y 轴标签如下所示：

而不是f2，有什么方法可以像f₂那样标记它（类似于html中的f<sub>2</sub>）？

另外，请问有没有办法在echarts中使用latex或者mathjax？

Answer 1

据我所知，Echarts 没有这个或类似的功能。但即使做到了，也还不够。需要改进 zRender（可视化引擎）以支持此功能。

我建议您捕获值并替换为 formatter 中的 Unicode 符号，请参见示例：

var myChart = echarts.init(document.getElementById('main'));
var chars = ['\u00BC', '\u00BD', '\u00BE', '\u2150', '\u2151', '\u2152'];
var option = {
  xAxis: [{
    data: [0, 1, 2, 3, 4, 5],
    axisLabel: {
      formatter: (val, idx) => chars[parseInt(val)],
    }
  }],
  yAxis: [{}],
  series: [{
    name: 'Series',
    type: 'bar',
    data: [5, 20, 36, 10, 10, 20]
  }]
};

myChart.setOption(option);

<script src="https://cdn.jsdelivr.net/npm/echarts@4.8.0/dist/echarts.min.js"></script>
<div id="main" style="width: 600px;height:400px;"></div>

加法：

P.S。仅供我参考：您见过 JS-charts 嵌入式 Latex 吗？

echarts：如何在3D轴标签中使用subscript/superscript（或latex/mathjax）？

echarts: How to use subscript/superscript (or latex/mathjax) in 3D axis labels?

javascript

echarts